我正在使用ReactJS中的antdesign表来显示数字数据.列中有空值，这会导致排序功能出现问题.问题是，无论排序方向如何，我希望空值始终显示在表的末尾，但不幸的是，我只能在一个方向上实现这一点.我做错了什么？
我try 过的自定义排序功能是:
const customSorter = (a, b,col) => {
if (a[col] === null && b[col] === null) {
return 0;
} else if (a[col] === null) {
return -1;
} else if (b[col] === null) {
return 1;
}
return parseFloat(a[col]) - parseFloat(b[col]);};
您需要修改条件，以确定排序是按序还是降序，在这两种情况下都将空值推到最后.
const customSorter = (a, b, col, sortOrder) => {
if (a[col] === null && b[col] === null) {
return 0;
} else if (a[col] === null) {
return 1; // Push `a` with null at the end
} else if (b[col] === null) {
return -1; // Push `b` with null at the end
}
const numA = parseFloat(a[col]);
const numB = parseFloat(b[col]);
return sortOrder === 'ascend' ? numA - numB : numB - numA;
};
JSX
<Table
dataSource={dataSource}
columns={[
{
title: 'Number',
dataIndex: 'number',
key: 'number',
sorter: (a, b, sortOrder) => customSorter(a, b, 'number', sortOrder),
sortDirections: ['ascend', 'descend'],
},
// other columns
]}
/>