Ag 网格中的字母数字排序 - Angular

【问题标题】：Alphanumeric sorting in Ag grid - AngularAg 网格中的字母数字排序 - Angular
【发布时间】：2022-02-23 01:29:02
【问题描述】：

我正在使用 Ag 网格框架在我的 Angular 项目中显示数据。我正在为接受字符串值甚至包括字母数字的列之一使用 Ag 网格的默认排序功能。在按升序对该列进行排序时，值按以下方式排列，我不确定使用什么逻辑对其进行排序。如果有人可以向我解释事情，我将不胜感激。

升序：

{'10','110','120','170','20','30','31','80','A','BPS1'}

【问题讨论】：

【解决方案1】：

这与 AG Grid 并没有真正的具体关系，而是如何对带有数字的字符串进行排序。

您可以通过以下方式验证这一点：

var myNums = ['170','20','30','10','110','120','31','80','A','BPS1'];
myNums.sort();
console.log(myNums)

如您所见，这与您在网格中对这些值进行排序的结果相同。

现在我们已经解决了这个问题，回到 AG Grid，如果你想以不同的方式对这些值进行排序，你将实现一个 comparator，它允许你拥有 Custom Sorting

documentation here 中有一个示例显示如何执行此操作。

【讨论】：