jQuery DataTables 如何在单击表头时禁用排序？

Question

我有一个关于jQuery DataTables的问题。我有以下情况，当表格加载时，所有内容都应该按第三列排序，但同时，我应该禁用按列排序（点击标题时表），并且还应禁用对其进行排序的列的突出显示。

如果您有任何想法，请与我分享。 谢谢。

Answer 1

解决方案

使用order 选项定义初始排序，将columnDefs.orderable 设置为false 以禁用对特定列的排序，将columnDefs.targets 设置为_all 以针对所有列。

var table = $('#example').DataTable({
   order: [[2, 'asc']],
   columnDefs: [{
      targets: "_all",
      orderable: false
   }]
});

如果您不希望高亮显示已排序的列，请为您的表格使用以下类：stripe hover row-border，请参见下面的 HTML 示例：

<table id="example" class="stripe hover row-border" cellspacing="0" width="100%">

演示

有关代码和演示，请参阅 this jsFiddle。