如何在 react-table 中对复选框进行排序（基于真假状态）？

Question

我有一个 table 我在 'react-table' 上设计的。我想根据我在 table 上标记的复选框进行排序。例如，当我按列名时，应该首先列出真实的。如果你能帮助我，我会很高兴。

picture of the error（真值应该是第一个还是假值由选择）

Answer 1

经过更多研究，我了解到可以使用 sortType 来完成。我们可以通过将这段代码添加到相关列来对布尔值进行排序。

sortType: ((a, b, id) => {
          if (a.original[id] > b.original[id]) return -1; 
          if (b.original[id] > a.original[id]) return 1;
        }),

Answer 2

其他解决方案可行，但不是必需的。

我也被这个困住了，直到我意识到可以设置 sortType: 'basic'（这是一种内置的 react-table）并且它将对布尔值进行排序列正确。

对布尔列进行排序无法开箱即用的原因是因为默认排序设置为 alphanumeric。

如何在 react-table 中对复选框进行排序（基于真假状态）？

How can checkboxes be sorted (based on true-false status) in react-table?

reactjs

react-table

react-table-v7