怎么把antd中table组件里的rowSelection配置里的checkbox设置为只读
时间: 2024-04-29 17:22:46 浏览: 109
设置checkbox为只读(readOnly)的两种方式
5星 · 资源好评率100%
可以通过render方法来自定义渲染checkbox,将其设置为只读状态。
示例代码:
```jsx
<Table
rowSelection={{
...rowSelection,
renderCell: (_, record) => {
const disabled = true; // 设置为只读状态
return (
<Checkbox
disabled={disabled}
checked={selectedRowKeys.includes(record.key)}
onChange={() => handleSelect(record)}
/>
);
},
}}
columns={columns}
dataSource={dataSource}
/>
```
在renderCell方法中,我们可以自定义渲染每个单元格的内容。这里我们设置了一个disabled变量,并将其传递给Checkbox组件的disabled属性,从而将其设置为只读状态。
阅读全文