如何禁用对数据表中的列进行排序

时间:2018-10-02 07:48:07

标签: javascript jquery html-table datatable

我正在尝试禁用其中一列的排序功能。
我已经尝试过多种方法,但是这些方法都行不通。
我尝试将data-sorter="false"添加到我的<th>中,但是它只是忽略了它。
我也尝试过,但也忽略了它:

“columnDefs”: [ {
“targets”: 2,
“orderable”: false
}]

当我尝试这些方法时,没有出现任何错误。 我还发现,使用inspect元素可以将我的<th>自动添加到类sorting中。
这是我的代码:
我的桌子:

<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
 <thead>
        <tr>
            <th>Vraag</th>
            <th>Gepost op</th>
            <th>Acties</th>// I want to disable sorting here
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

我的js:

// Call the dataTables jQuery plugin
$(document).ready(function() {
  $('#dataTable').DataTable({
    "columnDefs": [ {
      "targets": 2,
      "orderable": false
    } ]
  });
});

请帮助我,最近三天我一直在寻找答案。

1 个答案:

答案 0 :(得分:1)

您尝试设置"bSort":false吗?有关更多详细信息,请参见THIS


禁用对数据表的排序

 "bSort":false


要在特定列上禁用排序:

"bSortable": false


更具体:

  $('#table').dataTable( {
    "bSort":true,
     aoColumnDefs: [
       { aTargets: [ '_all' ], bSortable: false },
       { aTargets: [ 0 ], bSortable: true },
       { aTargets: [ 1 ], bSortable: true }
    ]
  }