element-ui table中当type=expand时

Question

自带的箭头如何根据扩展表里的内容显示与隐藏，扩展表的内容是放在slot里的

Answer 1

目前element没有提供直接解决的api，不过可以通过设置行className覆盖css达到效果

<el-table :data="list" :row-class-name="tableRowClassName">
    <el-table-column type="expand"></el-table-column>
    ...
</el-table>

tableRowClassName({row, rowIndex}) {
    // 设置所需要隐藏expend的className
}

.className .el-table__expand-column .cell {
    display: none;
}