如何在jQuery数据表中禁用点击列标题排序，但允许点击箭头进行排序？

Question

我正在使用jQuery datatable插件渲染表格。

当您允许在列上排序时，如果您单击标题文本或靠近箭头的区域，则该列将进行排序：

您知道如何禁用单击文本进行排序，但仍可通过单击箭头进行排序吗？

- Pipo

---

你需要添加这样的内容："bSortable": false。如果你分享一下用来渲染表格的代码，我可以指导你在哪里添加它。 - jonmrich

Answer 1

我有相同的问题，我是这样解决的（在此找到解决方案：https://datatables.net/forums/discussion/27035/how-to-disable-sorting-click-event-on-table-header-children）：

假设复选框的ID为#chkbx，这段代码应该可以工作：

$('#chkbx').click(function(event){

  //Your code here

  event.stopPropagation();
});

使用 event.stopPropagation() 防止列的排序。

- burgund

Answer 2

$('#example').dataTable( {
      "aoColumnDefs": [
          { 'bSortable': false, 'aTargets': [ 1 ] }
       ]
});

1是您的列号（请记住，第一列实际上是0）。

- jonmrich

---

谢谢，但我不想禁用排序，只是想在单击标题文本时禁用排序。 - Pipo