antdtable单选或者多选的默认选中⾏设置
antd 的table 默认选中bug
话不多说,先上官⽅⽂档
主要设置 rowSelection
设置默认选中⾏,需要 onChange 和 selectedRowkeys 配合
思路: 默认设置selectedRowKeys的值,onChange事件触发的时候再改变selectedRowKeys。
部分代码如下
const[selectedRowKeys, setSelectedRowKeys]=useState([])
···省略···
<Table rowKey="id"
rowSelection={{
type:'radio',// radio 单选 checkbox 多选
selectedRowKeys: selectedRowKeys,
onChange:(selectedRowKeys: React.Key[], selectedRows: envSettingListItem[])=>{
setSelectedRowKeys([...selectedRowKeys])
}
}}
pagination={false}
columns={columns}
dataSource={settingList}
/>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论