javascript - 如何禁用数据表中列的排序

标签 javascript jquery html-table datatable

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

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

当我尝试这些方法时,我没有收到任何错误。 我还发现使用检查元素我的 <th>自动获取类sorting添加到其中。
这是我的代码:
我的 table :

<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
    } ]
  });
});

请帮助我,过去三天我一直在寻找答案。

最佳答案

您是否尝试设置"bSort":false?欲了解更多详情,请参阅THIS

<小时/> 禁用从数据表排序

“bSort”:假

<小时/>

要禁用特定列的排序:

"bSortable": false

<小时/>

更具体:

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

关于javascript - 如何禁用数据表中列的排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52604022/

相关文章:

html - 标题在左侧(垂直)的响应式表格

html - 根据提交的表单值更改表格颜色

javascript - Vue 和 Vue-tippy html 内容

javascript - 销毁 JSON Web token

javascript - 从 NPAPI/NPRuntime 插件返回的 NPVariant 字符串中有额外的垃圾

javascript - 单击容器中的元素时如何使容器向左淡化

javascript - 使用 angularjs 从动态输入字段形成数组

jquery - Rails - 有什么关于在 jquery 中通过 json 提交表单的好例子吗?

javascript - setInterval改变背景div

Html <td> 宽度问题。和colspan有关系吗?如何?