jQuery 表按 Attr 排序，例如标题

Question

有谁知道一个 jQuery 插件，它允许在单击标题时对表格进行排序，但会在查看单元格内容之前检查单元格的标题并按该标题进行排序？

我的单元格中有一些数据，例如 3h 5m 和 5m，大多数排序插件在按字母数字排序时以错误的顺序获取这些数据，因为它不理解这些值。

我确信我在某个地方似乎有一个插件，您可以将原始数据放入标题中，并且该插件实际上是根据该数据而不是单元格中的信息进行排序的。

非常感谢您的宝贵时间，

Answer 1

使用 jQuery dataTables 和以下自定义排序函数(如果您的“上次查看”时间超过天/小时/分钟，您可能需要扩展它):

jQuery.fn.dataTableExt.oSort['mytime-asc']  = function(a,b) {
    var regex = /\s*(?:(\d+)d)?\s*(?:(\d+)h)?\s*(?:(\d+)m)?\s*/;
    var m;

    m = a.match(regex);
    var x = (m[1] ? parseInt(m[1]) : 0) * 1440 + (m[2] ? parseInt(m[2]) : 0) * 60 + (m[3] ? parseInt(m[3]) : 0);

    m = b.match(regex);
    var y = (m[1] ? parseInt(m[1]) : 0) * 1440 + (m[2] ? parseInt(m[2]) : 0) * 60 + (m[3] ? parseInt(m[3]) : 0);

    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
};

jQuery.fn.dataTableExt.oSort['mytime-desc']  = function(a,b) {
    // Same function as above, except for the return value:
    return ((x < y) ? -1 : ((x > y) ? -1 : 0));
}

关联的 jQuery dataTable 调用如下所示:

$('#example').dataTable( {
    "aoColumns": [
        null,
        null,
        null,
        { "sType": "mytime" },
        null
    ]
});