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
发表回复