javascript - React Table - useRowSelect 更改选择所有默认行为

Question

我在我的 React 表中使用选择 Hook ，但找不到覆盖全选复选框行为的方法。When the select all checkbox is checked if you uncheck a specific row in the table it turns the isAllRowsSelected to false.

我希望它仅在单击标题复选框时更改，因为我希望能够显示“所有结果，未标记的结果除外”的状态。

我正在使用服务器端分页，所以我不能只依赖于 selectedRowIds 数组。这是我使用的 useRowSelect 的实现:here

Answer 1

你可以添加这一行，它会在组件挂载时触发。

React.useEffect(()=> {toggleAllRowsSelected()},[])

所有代码如下:codesandbox