如何隐藏数据表中特定列的排序?

时间:2016-11-29 16:18:52

标签: jquery html datatables

我正在使用datatable API。在这里,我想隐藏某些特定列的排序箭头。我该怎么做?

我试过这段代码,但没有用。

$('#example').dataTable( {
  "columnDefs": [
    { "orderable": false, "targets": 0 }
  ]
});

1 个答案:

答案 0 :(得分:4)

如果您要定位特定列,多列或所有列,请使用aTargets属性而不是"targets"aTargets属性是一个数组,可以定位您的一个列,它可以是:

  • aTargets : [0] - 左起第一列
  • aTargets : [1] - 第二栏等......
  • aTargets: ['_all'] - 选择所有列

因此,如果您想隐藏排序箭头,例如第一列,请使用以下代码:

$(document).ready(function() {
    $('#example').DataTable( {
        aoColumnDefs : [ {
           orderable : false, aTargets : [0]        
        }],
        order: [] 
    } );
} );

在示例初始化期间,我们不想应用排序,因此我们将order属性设置为空:

order: [] 

我从datatables examples中选择一个表并将所有这些表放在工作示例中:jsFiddle