此功能用到了Table的API --- rowSelection以及数组处理some方法
const Addcolumns = [...]
const data = []
for (let i = 0; i < 12; i++) {
data.push({
no: i + 1,
courseName: `Edward King ${i}`,
price: `${i} + 10`,
age: '2019.10.21 21:23',
status: '已取消'
})
}
const areadyKeys = [1, 2, 8]; //选中不可取消的值
const rowSelection = {
selectedRowKeys, //表示选中项
//对于不可取消的值进行禁选
getCheckboxProps: (record: {courseId: number}): any => {
const isDisabled = areadyKeys.some(item => item === record.no)
return ({
disabled: isDisabled
})
}
}
<Table rowSelection={rowSelection} columns={Addcolumns} dataSource={data}/>