如何對antd表中的boolean列進行排序？

Question

在我的antd表中，其中一列是 boolean。 我想對該列進行排序。 怎么做？

sorter: (a, b) => a.isPayment.localeCompare(b.isPayment),
render: (val)=><div className="text_overlap">{val ? 'Yes':'No'}</div>

我猜localeCompare僅適用於字符串。

Answer 1

在 JavaScript 我們有：

true - false === 1
false - true === -1

所以你所要做的就是在你的分揀機 function 中減去布爾值。

sorter: (a, b) => a - b

Answer 2

在我的情況下，出現錯誤消息“算術運算的左側必須是 'any'、'number'、'bigint' 或枚舉類型。” 顯示在我的 VSCode 中。

這是我的解決方案。

sorter: (a, b) => Number(a.isPayment) - Number(b.isPayment),