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