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 。