Ant-design-vue表格禁用行复选框后点击全选依旧选中,而后面没禁用的没有选中的问题

Ant-design-vue表格禁用行的复选框后点击全选依旧选中,而后面没禁用的没有选中,全都往上移了

在这里插入图片描述

<a-table
  bordered
  :pagination="false"
  :loading="loading"
  :columns="columns"
  :dataSource="tableData"
  :row-selection="{
  selectedRowKeys: selectedRowKeys,
  onChange: onSelectChange,
  getCheckboxProps: onGetCheckboxProps,
  }"
>
</a-table>

那是因为没有设置表格行 key值,所以设置表格的唯一key值就可以解决了。

设置 rowKey=“id” 或 :rowKey=“row => row.id”

<a-table
  bordered
  :rowKey="row => row.id"
  :pagination="false"
  :loading="loading"
  :columns="columns"
  :dataSource="tableData"
  :row-selection="{
  selectedRowKeys: selectedRowKeys,
  onChange: onSelectChange,
  getCheckboxProps: onGetCheckboxProps,
  }"
>
</a-table>

然后就解决了。。。
在这里插入图片描述