數據表默認排序不工作

Question

我在我的rails應用程序中使用jQuery數據表。我想將默認順序添加到特定的列。我有它下面的jquery代碼，

$(document).ready(function(){ 
     $('#sample-table-2').DataTable({ 
      responsive: true, 
      "pagingType": "simple", 
      bJqueryUI: true, 
      bServerSide: true, 
     "aaSorting": [[ 4, "asc" ]], // 
      sAjaxSource: $('#sample-table-2').data('source'), 
      "columnDefs": [ 
       { "width": "10%", "targets": column_count } 
       ] 
     }) 
     .on('order.dt', function() { eventFired('Order'); }) 
     .on('page', function() {setTimeout(function(){hideCellsOnMobile();},1000)}) 
     .on('search.dt', function() {setTimeout(function(){hideCellsOnMobile();},1000)}); 
     $("table#sample-table-2").parent().addClass("no-padding") 
}); 

但是這個默認順序沒有得到應用。

Answer 1

你使用的是什麼版本？你可以試試這個嗎？

$(document).ready(function(){ 
     $('#sample-table-2').DataTable({ 
      responsive: true, 
      "pagingType": "simple", 
      bJqueryUI: true, 
      bServerSide: true, 
      order: [[ 4, "asc" ]], // 
      sAjaxSource: $('#sample-table-2').data('source'), 
      "columnDefs": [ 
       { "width": "10%", "targets": column_count } 
       ] 
     }) 
     .on('order.dt', function() { eventFired('Order'); }) 
     .on('page', function() {setTimeout(function(){hideCellsOnMobile();},1000)}) 
     .on('search.dt', function() {setTimeout(function(){hideCellsOnMobile();},1000)}); 
     $("table#sample-table-2").parent().addClass("no-padding") 
});