element表格折叠根据折叠项展示与隐藏

开发中遇到问题，想把部分内容放在折叠项内，如下图：

但是有的折叠项里没有内容想隐藏掉，这样可明了哪个里面有内容，方法如下：
在 table 里加上

        :row-class-name="getRowClass"

getRowClass 方法如下：

         getRowClass(row, index) {let res = [];
            if (!row.row.descJson&&!row.row.mac&&!row.row.openPort.tcp.length&&!row.row.openPort.udp.length){res.push('row-expand-cover');
            }
            return res.join(' ') ;
        },

其中 if 里的条件是指符合什么条件时不展示。
接下来定义样式：

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

以实现隐藏效果，如下：