2016-11-29 53 views
3

適應以下SO質疑DataTables with different number of columns 和參照溶液(gss4a17t):如何禁用表datatables.js排序在這個例子中

我想停用datatables.js的排序功能。

我試圖把它在這裏看到的位置:在調試過程中http://jsfiddle.net/koerner_klaus/csou71bn/5/

不幸的是,我得到一個錯誤信息:

數據表警告:表ID =例子 - 不是可以重新初始化數據表。有關此錯誤的詳細信息,請參閱http://datatables.net/tn/3

我在哪裏必須把

$('#example').dataTable({ 
    "ordering": false 
}); 

使其作品?

+0

在第一次調用'.dataTable()',像這樣:http://jsfiddle.net/csou71bn/6/ –

+0

這個工程!完美 – user4450574

回答

0

你嘗試過這樣的事嗎?

$('#example').dataTable({ 
    "order": [], 
    "columnDefs": [ { 
     "targets" : 'no-sort', 
     "orderable": false, 
    }] 
}); 

如果沒有工作,你可以試試這個太

$(document).ready(function() {$('#example').dataTable({ 
    "bSort": false 
    }); 
} 

如果您要停用初始排序,請儘量將

$(document).ready(function() { 
    $('#example').dataTable({ 
    "aaSorting": [] 
}); 
}) 
+0

第一個解決方案沒有表中的任何數據。 我將如何做jsFiddle中的解決方案2和3? – user4450574

+0

請添加數據並嘗試一次。謝謝 –

+0

它已與@HanletEscaño 的解決方案。 因此我已經解決了! – user4450574

0

只需更換如下代碼(在'aTargets'參數中,我們必須通過我們想禁用排序功能的列索引值)在你的jsfiddle代碼http://jsfiddle.net/koerner_klaus/csou71bn/5/

dataTable = $("#example").dataTable({ 
bDestroy: true, 
bProcessing: false, 
aaData: data, 
orderable:false, 
"aoColumnDefs" : [ 
{ 
    'bSortable' : false, 
    'aTargets' : [ 0, 1 ] 
}], 
aoColumns: columns 

});