可以控制 Antd Table 的“Check All”控件的状态吗？

Question

我有一个 Ant Design 表格，具有排序、选择和分页功能。默认情况下（如果我理解正确的话），Antd 表选择是在每页的基础上进行的。如果您单击选择列标题中的“全选”复选框，Antd 将选择当前页面上的所有行，但如果您随后更改页面，行和标题都将恢复为未选中状态。选择不会丢失，因为如果您返回到上一页，行和标题都会被选中。

所以我想改变这一点，以便“全选”真正选择表的所有行，而不管分页。我发现了一些 github 问题，其中建议简单地自己管理 selectedRowKeys 数组 onSelect 和 onSelectAll 函数。我这样做了，现在我的选择按预期工作了......

然而...

选择列标题中的“全选”复选框对于页面行仍然起作用。因此，例如，如果我在第一页上“全选”，然后取消选择其中一行，则“全选”复选框将按预期处于中间/部分状态。但是，如果我然后转到下一页，所有行都会按预期进行检查，标题中的“全选”复选框也是如此。为了使此选择在功能上有意义，需要保持中间/部分状态。它需要反映整个数据集的选择，而不仅仅是当前页面。

这可以在这个简单的示例中看到：https ://codesandbox.io/s/antd-table-selection-ikqym

有什么想法如何覆盖“全选”复选框吗？

干杯

Answer 1

事实证明这很简单。您需要做的就是添加columnTitle到rowSelectionprop 并为其提供一个Checkbox能够适当处理自身的属性。

https://codesandbox.io/s/antd-table-selection-forked-r702s