关于react.js:antd-踩坑

50次阅读

共计 716 个字符，预计需要花费 2 分钟才能阅读完成。

树形表格在树形的数据每层后面都会有 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

正文完