隐藏el-table-column过多的内容并进行浮窗展示

简介: 隐藏el-table-column过多的内容并进行浮窗展示

element官方文档给我们提供了一个column属性:show-overflow-tooltip="true",意思是超出宽度内容会隐藏鼠标移动上去浮窗显示

案例展示:

28678c8907ed4fef99db92d5b6d438ed.png

不隐藏的话显得很臃肿,而且column会随内容变化高度很不美观


我们加入样式看看:


8927b8bb33724bad805f6d7888110f1b.png


效果图:


17f57fbf72724a6c977e9c0889a3d159.png


这样就能把多余内容隐藏起来了。



目录
打赏
0
0
0
0
1
分享
相关文章
|
9月前
uniapp下载图片到本地
uniapp下载图片到本地
135 0
keep-alive缓存三级及三级以上路由
keep-alive缓存三级及三级以上路由
339 0
|
7月前
Element UI 树形控件Tree 【详解】el-tree 展开指定节点,判断是否存在指定节点
Element UI 树形控件Tree 【详解】el-tree 展开指定节点,判断是否存在指定节点
1176 0
VUE3(二十一)vue-router 在新窗口打开页面的功能
新窗口打开标签页这个功能在html中还是很简单的。添加Target=”__blank”就好。
1195 0
VUE3(二十一)vue-router 在新窗口打开页面的功能
font-size 设置字体不生效解决方案(小于12px)
字体不变小的原因? 使用 font-size 设置小于 12px 的字体时,发现并不生效(字体不会再缩小了)。 原因是 Chrome 以及 Chromium 内核的浏览器在中文语言下最小字体只能是 12px,大部分浏览器都是如此,所以小于12px字体不会在变小,而是保持12px的大小
629 0
Service层有多个查询,若依(ruoyi)分页失灵?如何解决呢?
Service层有多个查询,若依(ruoyi)分页失灵?如何解决呢?
2051 1

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等