antd - 表格 - 排序

991 阅读1分钟

通过给表格设置 sorter 属性 做比较 例如 sort

defaultSortOrder 可以选写三个参数

ascend是使用的排序字段,descend("ascend", "descend", undefined), undefined为取消排序

antd的栗子

columns = [            {             title: 'Age', dataIndex: 'age', defaultSortOrder: 'descend', sorter: (a, b) => a.age - b.age,             },         ]

自己写的栗子

columns =   [        ...(tableFirstColumnList ?? []),
        {
            title: '审批通过单数',
            dataIndex: 'fbApplyNumber',
            key: 'fbApplyNumber',
            width: 90,
            sorter: (a: DataSourceType, b: DataSourceType) => Number(a.fbApplyNumber) - Number(b.fbApplyNumber),
            sortOrder: sortColumnKey === 'fbApplyNumber' ? sortOrder : undefined,// 后端排序
          },