javascript - 带有百分比列的 DataTables 和 ColumnFilter

Question

我使用以下代码将百分比列添加到我的数据表中:

jQuery.extend(jQuery.fn.dataTableExt.oSort, {
    "percent-pre": function (a) {
        var x = (a == "-") ? 0 : a.replace(/%/, "");
        return parseFloat(x);
    },

    "percent-asc": function (a, b) {
        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
    },

    "percent-desc": function (a, b) {
        return ((a < b) ? 1 : ((a > b) ? -1 : 0));
    }
});

这样我就可以对包含“%”的列进行排序。

我还在表中添加了 ColumnFilter 插件 ( Plugin Link )，以便能够过滤各个列。

当我保存百分比值并将其显示为数字时，我可以过滤该列: Fiddle Demo

但是当我将该列类型设置为百分比并尝试过滤同一列时，我总是得到空数据: Fiddle Demo

打开第一个 fiddle 并单击“加载数据”并尝试设置“%”列的范围 - 一切正常。现在对第二个做同样的事情 - 你会得到空表。

如何将范围过滤器应用于具有百分比值的列？

Answer 1

事实证明这很简单。
将百分比值存储为数字并按如下方式声明列:

{
    sTitle: "%",
    sType: "numeric",
    sWidth: "40px",
    sClass: "center",
    mData: "percent",
    mRender: function (data, type, full) {
        if (type === 'display') {//this is available in DataTables 1.9+
            return data + ' %';
        }
        return data;
    }
}

这是我更新后的工作jsFiddle