jquery - jQuery 插件如何对 HTML 表格进行排序？

Question

我有一个自定义表格，它具有自定义格式，这使得应用现有的表格排序插件变得非常不可能。

大多数插件如何在标准 HTML 表格上实现这一点。

只是一个基本的、简单的项目符号解释就可以了。只是想了解一下它是如何工作的。

Answer 1

好吧，我从未看过此类插件的源代码，但我认为它是这样工作的。

HTML 表格是一种矩阵，您可以这样表示它:

var table = [
 ['Id', 'Name',    'Phone number',   'Email'],
 [2,    'Boris',   '+33686868686',   'ahah@example.com'],
 [1,    'You',      null,            'foo@bar.baz'],
 [5,    'Anyone',   null,            null]
];

使用这样的矩阵，您可以像这样重新排序:

table.sort(function(a, b) {
   return ((a[0] == b[0]) ? 0 : ((a[0] > b[0]) ? 1 : -1));
});

结果:

 ['Id', 'Name',    'Phone number',   'Email'],
 [1,    'You',      null,            'foo@bar.baz'],
 [2,    'Boris',   '+33686868686',   'ahah@example.com'],
 [5,    'Anyone',   null,            null]

然后，您通过使用已排序数组移动行来重新排序。

显然，你会有更复杂的排序算法，但我认为基本上是这样完成的。