一般要实现让符合条件的记录不显示,可以通过动态绑定数据源来实现。具体的做法是在渲染表格数据时,根据条件过滤掉不符合条件的数据,然后将过滤后的数据绑定到表格中。
问题:
表格需要操作选中数据,无法用动态绑定数据源来实现
解决方法:
el-table的属性里加上row-class-name
:row-class-name="billTableRowClassName"
再实现billTableRowClassName方法
billTableRowClassName({ row, index }) {
if (row.unverifiedAmount - row.allotAmount === 0) {
return "hidden-row"; //隐藏
}
return ""; //显示
},
定义hidden-row样式
::v-deep .el-table .hidden-row {
display: none !important;
}