javascript - 显示数字列并将其排序为有序类别

Question

我的表中有一列是一个 float ，其值介于 0-1 之间。我希望它显示为有序标签，但按原始值排序。

例如使用以下规则集...

if (value > 0.55) {
    "high"
} else if (value > 0.45) {
    "moderate"
} else {
   "low"
}

和值(value)观...

[0.5, 0.7, 0.2, 0.4, 0.9]

我希望专栏阅读...

|moderate|
|high    |
|low     |
|low     |
|high    |

但仍可按原始值排序。

我尝试使用 jQuery.fn.dataTableExt.oSort 编写扩展，但运气不佳。还有其他想法吗？

Answer 1

使用columns.render仅在显示该内容时为单元格生成内容的选项。 jQuery DataTables 将使用原始数值进行排序。

例如:

var table = $('#example').DataTable({
   columnDefs: [
        {
            targets: 1,
            render: function(data, type, full, meta){
                if(type === 'display'){
                    if (data > 0.55) {
                        data = "high ";
                    } else if (data > 0.45) {
                        data = "moderate";
                    } else {
                        data = "low";
                    }                    
                }

                return data;
            }
        }
   ]    
});

参见 this example用于代码和演示。