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以获取代码和演示。