一普通表格 文字超出隐藏省略号显示 鼠标悬浮显示全部
①设置style 设置这种的前提是对应的td或者th需要有具体的宽度 ,在对应的列引入一下样式即可生效
例如:.text-hidden{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
②设置title=" 要展示的内容"
二element-ui表格 文字太多溢出设置
现象:行中的数据太多导致表格变形
解决方法 :在列属性中加上一个:
show-overflow-tooltip
例如:<el-table-column align="center" label="备注" min-width="100" show-overflow-tooltip>
结果:鼠标移入才会显示对应数据
扩展
如果嫌弃默认悬浮展示的弹窗太长,可进行如下设置
解决办法,在要修改的引用组件上加上一个id,用id跟deep深度修改组件样式
样式设置如下: