博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
element-ui的el-tabel组件怎么使用type=“expand”实现表格嵌套并且在子表格没有数据的时候隐藏展开按钮...
阅读量:6700 次
发布时间:2019-06-25

本文共 516 字,大约阅读时间需要 1 分钟。

效果如下:

 

试过很多种办法,思路都在怎么控制<el-table-column type="expand">里面的type上,比如使用v-show等等,但是发现,要不就是展开图标全部没有,要不就是全部有,研究好久,终于想出来这么个办法:

使用getRowClass针对每一行添加类,

getRowClass(row, index) {    let res = []    if (!row.children)//即改行没有子元素时,添加row-expand-cover类      res.push('row-expand-cover')    /* if (row.operate == 2)      res.push('hide-row')    return res.join(' ') */  }

然后设置该类的样式,把没有子元素的行的expand图标隐藏:

.row-expand-cover .el-table__expand-column .el-icon{
visibility:hidden;}

 

转载于:https://www.cnblogs.com/XHappyness/p/7413051.html

你可能感兴趣的文章
unicode字符、python乱码问题
查看>>
cobbler get-loaders 通过代理下载
查看>>
通过脚本测试ubuntu的源
查看>>
一些不错的网站
查看>>
safari的一些问题
查看>>
面试官问我:平常如何对你的 Java 程序进行调优?
查看>>
Java中对象和引用的理解
查看>>
如何有效抓取SQL Server的BLOCKING信息
查看>>
bash中(),{},(()),[],[[]]的区别
查看>>
Oracle PL/SQL匿名块(三)
查看>>
模拟实现strstr
查看>>
解决Office系列安装不上的办法
查看>>
vimdiff的简单使用
查看>>
我的友情链接
查看>>
工作的习惯,看到好收藏下
查看>>
利用ACS来实现AAA服务
查看>>
国内开源镜像站
查看>>
vb.net中东软医保接口的调用
查看>>
java 消息摘要算法MD
查看>>
Web Service security UserNameToken 使用
查看>>