仅显示列的唯一数据 - jQuery 数据表

Question

我正在使用 Data Tables 并且只想显示列 day 的唯一数据。

这是我的 table:

#   Day         Count
---------------------
1   Friday      2
2   Friday      2
3   Saturday    4
.   .       .
.   .       .

JS:

var myTable = $('.table').DataTable({
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
        "oLanguage": {
            "oPaginate": {
                "sPrevious": "&larr;", // This is the link to the previous page
                "sNext": "&rarr;", // This is the link to the next page
            }
        }
    });

如何过滤数据以仅显示 table 中唯一的天数数据？

我知道那里有 unique() 函数，但那只是从 table 中选择唯一的列数据，而不是我需要（通过重建可能） table 显示列具有独特的数据。

感谢您的帮助。

Answer 1

您可以通过创建 custom row filter :

来实现

var day,
    days = [];

$.fn.dataTableExt.afnFiltering.push(
    function( oSettings, aData, iDataIndex ) {
        //return true if iDataIndex already is processed
        if (days[iDataIndex]) return true;
        //process day, return true and insert into days if not already known
        day = aData[1];        
        if (days.indexOf(day)<0) {
           days[iDataIndex]=day;
           return true;
        } else {
           return false;
        }     
    }     
);

演示 -> http://jsfiddle.net/4abqjxcu/

仅显示列的唯一数据 - jQuery 数据表

Show only unique data for a column - jQuery data tables

javascript

jquery

unique

datatables

jquery-datatables