按隐藏列对数据表进行排序

时间:2014-01-29 12:20:00

标签: javascript jquery datatables

我有datatableid, firstName, lastName, phone, updated个字段。

问题: 我只向datatable添加了四个字段(id,firstName,lastName和phone)。 <{1}}字段已隐藏。

问题: 如何按Updated字段对datatable进行排序?

我的代码:

updated

3 个答案:

答案 0 :(得分:8)

From the documentation:

  

iDataSort 您希望在选择此列进行排序时执行排序的列索引(从0开始!)。例如,这可用于对隐藏列进行排序。

     

Default: -1 使用自动计算的列索引

     

Type: int

// Using aoColumnDefs
$(document).ready( function() {
  $('#example').dataTable( {
    "aoColumnDefs": [
      { "iDataSort": 1, "aTargets": [ 0 ] }
    ]
  } );
} );

// Using aoColumns
$(document).ready( function() {
  $('#example').dataTable( {
    "aoColumns": [
      { "iDataSort": 1 },
      null,
      null,
      null,
      null
    ]
  } );
} );

答案 1 :(得分:2)

你可以在这里使用{ "iDataSort": 4 }(4是隐藏字段的索引)

var data = [
["1","john","mathew","1234",[]],
["2","Mary","rose","1234","1"],
];

添加隐藏字段并向表中添加数据

aaData: data,
aoColumns :[
        { "sTitle": "id","bSortable": false },
        { "sTitle": "firstName","bSortable": false, },
        { "sTitle": "lastName", "bSortable": false,},
        {"sTitle": "phone","bSortable": false},
        {"sTitle": "updated ", "bVisible":false },
        ]

要添加隐藏字段,请使用"bVisible":false

答案 2 :(得分:1)

我在运行时对隐藏列进行排序时遇到了问题,不知道方法是否有效。我使用以下行来通过CSS隐藏列

td:nth-of-type(2) {
display: none;
}

如果您的列是2,请为您的<th class="mycolum1">分配一个类,然后使用jquery对其进行排序

$("#button").click(function(){
$(".mycolumn").click();
})

请原谅我,如果方法无效,但在我的情况下,它是100%可接受的。