备案控制台
开发者社区 云计算 文章 正文

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

2022-05-12 946
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： elementui表格内容超出显示省略号

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


但是elementui中的表格，会进行换行处理；


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


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


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


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


<el-table-column  prop="description" label="内容"  :show-overflow-tooltip="true"></el-table-column>
晚来南风晚相识
目录
相关文章
卡尔特斯
|
9月前
|
前端开发
CSS 限制文字行数(超出显示省略号...)
CSS 限制文字行数(超出显示省略号...)
卡尔特斯
87 0
游客tmj4hgt7bfvas
|
JavaScript 前端开发
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示
游客tmj4hgt7bfvas
1085 0
秋刀鱼不做梦
|
6天前
|
前端开发
CSS常用属性之（列表、表格、鼠标）属性，（如果想知道CSS的列表、表格、鼠标相关的属性知识点，那么只看这一篇就足够了！）
CSS常用属性之（列表、表格、鼠标）属性，（如果想知道CSS的列表、表格、鼠标相关的属性知识点，那么只看这一篇就足够了！）
秋刀鱼不做梦
16 7
王同学睡醒了
|
6月前
|
前端开发
CSS：实现文本超出显示省略效果（可指定几行显示）
CSS：实现文本超出显示省略效果（可指定几行显示）
王同学睡醒了
27 1
讓丄帝愛伱
|
7月前
layUI table 内容超出宽度怎么换行显示，而不是显示省略号
layUI table 内容超出宽度怎么换行显示，而不是显示省略号
讓丄帝愛伱
152 0
还算善良
|
JavaScript
Vue组件中表格文字内容太长，自动变省略号，鼠标悬浮上去显示全称。
Vue组件中表格文字内容太长，自动变省略号，鼠标悬浮上去显示全称。
还算善良
598 0
赤蓝紫
|
JavaScript 容器
rAF实现表格内容自动滚动
rAF实现表格内容自动滚动
赤蓝紫
286 1
熟透的蜗牛
datatables 多余内容点号代替，当鼠标移动上去显示全部内容
动态创建表格的时候，按如下内容。
熟透的蜗牛
158 0
前端老实人
|
前端开发
css设置文本超过宽度后显示省略号点点点
css设置文本超过宽度后显示省略号点点点
前端老实人
455 0
css设置文本超过宽度后显示省略号点点点
木头先生
|
前端开发 弹性计算
css文本超出2行就隐藏并且显示省略号
首先，要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 这三个是css的基础属性，需要记得。
木头先生
4252 0