//获取所有勾选的数据
onSelectHandle = (record, selected) => {
const {selectedRowKeys} = this.state;
let arr = [];
if (selected) {
arr = Array.from(new Set([...selectedRowKeys, record.id]))
} else {
arr = selectedRowKeys.filter(item => {
return item !== record.id
})
}
this.setState({selectedRowKeys: arr, dataIds: arr})
}
const tableProps = {
// columns: rolColumn, dataSource,
columns, dataSource,
pagination: false,
rowSelection: {
selectedRowKeys,
// 用户手动选择/取消选择某行的回调
onSelect: (record, selected) => {
this.onSelectHandle(record, selected)
},
// onChange: (selectedRowKeys, selectedRows) => {
// this.onSelectChange(selectedRowKeys, selectedRows)
// }
}
}
<Table bordered align='center' className="tableItem" rowKey='id'
components={{
header: {
cell: ResizableTitle,
},
}}
onChange={this.handleTableChange} {...tableProps} />
React使用Table组件,点击分页获取所有勾选的数据
最新推荐文章于 2024-05-14 14:35:02 发布