在antd 组件table中需要复选框,在业务中有时候我们需要将某些行的记录进行禁选操作。
- <a-table
- :columns="columns"
- :loading="tableLoading"
- :dataSource="dataList"
- :row-selection="rowSelection"
- @change="handleTableChange"
- rowKey="id"
- />
- rowSelection() {
- return {
- onChange: this.selectedRowsChange,
- selectedRowKeys: this.checkedList.map((item) => item.id),
- getCheckboxProps: (record) => {
- return {
- props: {
- disabled: record.disabled // 禁选项
- }
- };
- }
- };
- },
- selectedRowsChange(selectedRowKeys, selectedRows) {
- this.checkedList = selectedRows;
- },
主要需要设置rowSelection的getCheckboxProps函数,即可达到效果。