禁用表格中某一列的选择,getCheckboxProps 列表选择属性

const rowSelection = {
  type: 'radio',
  selectedRowKeys,
  onChange: this.handleSelectChange,
  getCheckboxProps: record => {
    if(record.flag==='Y') {
      return {disabled: true};
    } else {
      return {};
    }
  },
};
<Table
  rowKey="id"
  rowSelection={rowSelection}
  dataSource={tableData}
  columns={this.columns}
/>

注意,我们应该返回一个对象而不是boolean,如果不是的话,则会报错

const rowSelection = {
  type: 'radio',
  selectedRowKeys,
  onChange: this.handleSelectChange,
  getCheckboxProps: record => {
    if(record.flag==='Y') {
      return ({disabled: true});
    } else {
      return null; // 报错,cannot read property 'disabled' of null
    }
  },
};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。