elementui表格内容超出显示省略号

简介: elementui表格内容超出显示省略号

有些时候表格的内容太长了;


但是elementui中的表格,会进行换行处理;


此时表格的高度就会发生变化


这样就不好看,此时就要进行省略号来出来这个问题;


el-table是有这个控制属性的::show-overflow-tooltip='true'


进行换行;如果超出内容hover还有提示效果的哈~


<el-table-column  prop="description" label="内容"  :show-overflow-tooltip="true"></el-table-column>
相关文章
|
前端开发
CSS 限制文字行数(超出显示省略号...)
CSS 限制文字行数(超出显示省略号...)
111 0
|
JavaScript 前端开发
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
|
3月前
|
JavaScript 前端开发
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
使用js生成表格标题、表格内容并且每行附带删除按钮然后插入到页面中
36 2
|
11月前
|
前端开发
CSS:实现文本超出显示省略效果(可指定几行显示)
CSS:实现文本超出显示省略效果(可指定几行显示)
|
12月前
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
321 0
|
前端开发
css给超出内容设置滚动条和去除滚动条显示:
css给超出内容设置滚动条和去除滚动条显示:
198 0
|
前端开发 测试技术
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
419 0
|
JavaScript 容器
rAF实现表格内容自动滚动
rAF实现表格内容自动滚动
312 1
|
JavaScript
Vue组件中表格文字内容太长,自动变省略号,鼠标悬浮上去显示全称。
Vue组件中表格文字内容太长,自动变省略号,鼠标悬浮上去显示全称。
742 0
|
容器
p标签字数过多显示省略号
p标签字数过多显示省略号
754 0