React AntD 表格查看修改时默认选中几行数据
生活随笔
收集整理的這篇文章主要介紹了
React AntD 表格查看修改时默认选中几行数据
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
hook定義selectedRowKeys
const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [selectedRowsState, setSelectedRows] = useState([]);初始化時利用setSelectedRowKeys給selectedRowKeys塞值,時行數據的rowKey的數組。
設置table屬性rowSelection
<TablerowKey="id"columns={columns}rowSelection={{type: 'checkbox',selectedRowKeys, // selectedRowKeys: selectedRowKeys的簡寫onChange: (selectedRowKeys, selectedRows) => {console.log('selectedRowKeys:',selectedRowKeys, 'selectedRows: ', selectedRows);setSelectedRowKeys(selectedRowKeys);setSelectedRows(selectedRows);},}}/>selectedRowKeys與onChange來實現默認選中行
設置表格disable使用getCheckboxProps設置
ts版本不難就自己寫吧,解決了您的問題,點個贊哈,祝好
總結
以上是生活随笔為你收集整理的React AntD 表格查看修改时默认选中几行数据的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [Vue warn]: You are
- 下一篇: dayjs也可回显AntD DatePi