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

时间:2015-04-20 07:58:11

标签: javascript jquery datatables unique jquery-datatables

我正在使用Data Tables,并希望仅显示列day的唯一数据。

这是我的表:

#   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": "←", // This is the link to the previous page
                "sNext": "→", // This is the link to the next page
            }
        }
    });

如何过滤数据以仅显示表格中的唯一天数?

我知道那里有unique()函数,但这只是从表中选择唯一的列数据,而是我需要(通过重建可能)表显示具有唯一数据的列。

感谢您的帮助。

1 个答案:

答案 0 :(得分: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;
        }     
    }     
);

演示 - &gt;的 http://jsfiddle.net/4abqjxcu/