关于react.js:antd-踩坑

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理