ant-design 表格多选无法显示，选一个选项全部被选中

目录

一、问题

二、原因及解决方法

三、总结

---

一、问题

ant-design table多选无法选中想要的数据

二、原因及解决方法

1.复选框显示

必须设置 row-selectin

 <ATablerow-key="wholesaleId":data-source="listData":columns="showColumns"bordered:pagination="false":loading="loading":rowSelection="rowSelection">
</ATable>const rowSelection: TableProps['rowSelection'] = {onChange: (selectedRowKeys: any[], selectedRows: any[]) => {selectedIdList.value = selectedRowsconsole.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)}
}

2.选一个选项，所有选项都被选中

必须设置 row-key,区分不同行的数据

注意：row-key对应的key必须是  data-source对应的每一行数据的唯一值。

三、总结

1.ant design的多选复选框显示：必须配置 row-selection属性

2.ant-design表格 最好配置 row-key，官网也说了不配置可能有各种奇怪的错误。目前发现的一种错误：选中一个选项，全部选项都被选中。

/*

希望对你有帮助！

如有错误，欢迎指正！

*/