table的表头中添加
<el-table :row-class-name="getRowClass"></el-table>
js中添加
// 表格详情没有内容隐藏箭头
getRowClass(row) {
if(row.row.detail.length === 0 || row.row.detail === undefined){ // 即该行没有子元素时,添加row-expand-cover类
return 'row-expand-cover'
}
},
css中添加
.row-expand-cover td .el-table__expand-icon{visibility: hidden;}
在Element-UI的表格组件中,当type='expand'的行没有内容时,通过JS和CSS调整实现不显示展开图标的方法。在表格列定义中设置属性,并在JavaScript中进行条件判断,同时添加相应的CSS样式来隐藏空的展开图标。
5787

被折叠的 条评论
为什么被折叠?



