如何对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),