jquery - 数据表...排序不适用于数字逗号...为什么？

Question

我将 jquery 数据表与 server_processing 一起使用。 这让我想起了数据表中的 server_processing 带有小数点“,”分隔符的数字(或单词？)。

$ inter = trim ($ aRow ['carat']);
$ row [] = number_format ($ inter, 2, ',', '');

当我点击上升和下降箭头时， 排序不会发生在数字方法中，而是发生在方法文本中。 前任。 10.01> 9.99(数字)

如何让它与我的号码配合使用？

Answer 1

在 JavaScript 中，只有点作为小数点分隔符有效。由于 DataTables 使用 JavaScript 对列值进行排序，因此它会将带有逗号分隔符的数字视为字符串。然而，这个问题可以通过排序插件轻松解决。

jQuery.extend(jQuery.fn.dataTableExt.oSort, {
    "numeric-comma-pre": function (a) {
        // prepare number
        a = +(a.replace(",", "."));
        a = (isNaN(a)) ? Number.MAX_VALUE : a;
        return a;
    },
    "numeric-comma-asc": function (a, b) {
        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
    },
    "numeric-comma-desc": function (a, b) {
        return ((a < b) ? 1 : ((a > b) ? -1 : 0));
    }
});

前面的代码块定义了一个新的数据类型，供 DataTables 用于对列进行排序。此代码改编自 DataTables official site 中的示例。 .

插件对象中的第一个函数是将单元格值转换为数字，以便可以通过以下函数对其进行排序。在这种情况下，我遵循了 this post 的建议，并使用一元运算符将值转换为数字。如果该值不是数字，则返回 NaN，我将其更改为 Number.MAX_VALUE。我这样做是因为我选择在升序排序时最后移动无效数字。

之后，只需创建数据表，并为我们想要的列定义新的数据类型。

jQuery("#myTable").dataTable( {
    "aoColumnDefs": [
        { "sType": "numeric-comma", "aTargets": [2,3] }
    ]
});

假设第三列和第四列有逗号分隔的数字，它们现在必须正确排序。