antd table 处理string类型的排序可以这么处理

最新推荐文章于 2023-02-28 11:28:21 发布

混血哲谈

最新推荐文章于 2023-02-28 11:28:21 发布

阅读量570

点赞数

分类专栏： html antd 文章标签： react.js vscode css

本文链接：https://blog.csdn.net/u010856177/article/details/121471439

版权

antd 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

html

6 篇文章 0 订阅

订阅专栏

这篇博客探讨了在表格数据中进行排序的方法，特别提到了如何对`String`类型的`databaseType`字段进行忽略大小写的排序。文章通过示例展示了如何实现`number`类型数据的排序，并指出直接使用该方法对`string`类型数据无效。同时，内容还涵盖了自定义排序函数的实现，确保字符串比较的正确性。

摘要由CSDN通过智能技术生成

{
      title: '类型',
      dataIndex: 'databaseType',
      key: 'databaseType',
      width: 120,
      sorter: (
        a: GlobalSpace.treeDataReturnItem,
        b: GlobalSpace.treeDataReturnItem,
      ) => {
        let stringA = a.databaseType?.toUpperCase() || '0'; // ignore upper and lowercase
        let stringB = b.databaseType?.toUpperCase() || '0'; // ignore upper and lowercase
        if (stringA < stringB) {
          return -1;
        }
        if (stringA > stringB) {
          return 1;
        }
        return 0;
      },
      render(text: string) {
        return text || '---';
      },
    },

Number类型数据排序，官方提供了number类型排序的示例：

sorter: (a, b) => a.name.length - b.name.length

这个方法可以针对number类型的数据就行排序，但若遇到String类型则排序无效。