1. tree table rowSelection
树形表格 在树形的数据每层后面都会有 CheckBox,然而须要须要里层的 CheckBox 暗藏,能够这么做
.tsx
const rowSelection: TableRowSelection<any> = {onChange: (selectedRowKeys, selectedRows) => {setSelectedRows(selectedRows);
},
getCheckboxProps: record => ({
disabled: !record.use,
className: !record.use && styles.tableSelectCheckboxHide
})
};
.less
.tableSelectCheckboxHide {display: none;}
然而咱们点击全选的时候,被暗藏的里层 CheckBox 的 key 还是会被放到 selectedRowKeys 里,怎么解决这个问题
const rowSelection: TableRowSelection<any> = {onChange: (selectedRowKeys, selectedRows) => {setSelectedRows(selectedRows);
},
getCheckboxProps: record => ({
disabled: !record.use, // 里层的 CheckBox 设置为 disabled 就不会被选中
className: !record.use && styles.tableSelectCheckboxHide // 管制里层 checkbox 不显示
})
};
table rowSelection 反对指定某一行的 checkbox 是否是 disabled