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%">

演示

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