Ag Grid 根据数据中的指定字符排序

Question

我有一个序列号列，我需要按 Ag Grid（对于 React）中的最后几位数字排序：

这是默认排序的示例：

而不是：

HS790022045
HS790022044
HS790022042
HS790022040
HS770022050
HS770022048
HS770022046
HS770022043

我想看：

HS770022050
HS770022048
HS770022046
HS790022045
HS790022044
HS770022043
HS790022042
HS790022040

这些是序列号，所以“前缀”是型号，然后是型号年份 22，最后 3 位数字是应该按顺序排序的数字。

我认为有一种方法可以在列状态级别执行此操作：

const SORT_MODEL = [
  {
    colId: 'RequiredDate',
    sort: 'desc',
    sortIndex: 0,
  },
  {
    colId: 'Reference',
    sort: 'desc',
    sortIndex: 1,
  },
]

gridColumnApi.applyColumnState({
  state: SORT_MODEL,
  defaultState: { sort: null },
})

或者可能在列定义级别使用比较器，但我不确定如何...

  {
    field: 'Reference',
    headerName: 'Reference',
    comparator: ????????
  },

在 SQL 中，我可以使用类似这样的方法来完成此操作：

按右排序（参考，3）DESC

可能是我想不出的简单的东西？

Answer 1

您应该将列比较器与自定义比较器函数一起使用，如下所示：

const comparator = (curr, next) => {
  const currVal = parseInt(curr.slice(-3), 10);
  const nextVal = parseInt(next.slice(-3), 10);

  if (currVal === nextVal) { return 0; }

  return currVal < nextVal ? -1 : 1;
}

const columnDefs = [
  { field: 'reference', comparator }
];

在此处查看工作示例：https://plnkr.co/edit/QrpqjZFS8k4t6hO7

Ag Grid 根据数据中的指定字符排序

Ag Grid Sorting based on specified characters in the data

javascript

sorting

ag-grid

ag-grid-react