2016-08-22 94 views
0

我試圖對數據表中的asc,desc進行排序。但我不知道我哪裏會出錯?有人可以建議我在下面的代碼中的問題在哪裏?數據表排序不起作用

Js Bin

的Javascript

$(document).ready(function() { 

    var table = $('#example').DataTable({ 
     'aoColumnDefs': [{ 
      'bSortable': false, 
      'aTargets': -1 
     }] 
    }); 

}); 
+0

您是使用客戶端還是服務器端數據表? –

+0

客戶端數據表@MayankPandey –

+0

它正是你要求它做的:''bSortable':false'在所有'目標'上===所有列===排序在任何地方完全禁用。 – davidkonrad

回答

1

這裏是一個完整的HTML文檔,工程

<!DOCTYPE html> 
<html> 
    <head> 
     <link href="//datatables.net/download/build/nightly/jquery.dataTables.css" rel="stylesheet" type="text/css" /> 
     <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
     <script src="http://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
     <meta charset=utf-8 /> 
     <title>DataTables - JS Bin</title> 
     <script> 
     $(document).ready(function() { 

    /**/ 

    // By index 
    $('#example').DataTable(); 


}); 
     </script> 
    </head> 
    <body> 
     <div class="container"> 
     <table id="example" class="display" width="100%"> 
      <thead> 
       <tr> 
        <td>Name</td> 
        <td>Position</td> 
        <td>Office</td> 
        <td>Age</td> 
        <td>Start date</td> 
        <td class="nosort">Salary</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
      </thead> 
      <tbody> 
       <tr role="row" class="odd"> 
        <td>Ad</td> 
        <td>Administrator</td> 
        <td>07/06/2016 11:41:49</td> 
        <td class="sorting_1">0</td> 
        <td>28605</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28605" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28605" target="_blank">Edit</a> | <a onclick="deletequeue('Ad','queue_dashboard_ajx.php?action=delete&amp;bucket=28605')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="even"> 
        <td>wkfs</td> 
        <td>karthik</td> 
        <td>02/11/2016 06:39:39</td> 
        <td class="sorting_1">0</td> 
        <td>28402</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28402" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28402" target="_blank">Edit</a> | <a onclick="deletequeue('wkfs','queue_dashboard_ajx.php?action=delete&amp;bucket=28402')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="odd"> 
        <td>viswas test bucket</td> 
        <td>Administrator</td> 
        <td>07/01/2016 12:34:41</td> 
        <td class="sorting_1">0</td> 
        <td>28576</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28576" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28576" target="_blank">Edit</a> | <a onclick="deletequeue('viswas test bucket','queue_dashboard_ajx.php?action=delete&amp;bucket=28576')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="even"> 
        <td>testallticket</td> 
        <td>Administrator</td> 
        <td>07/15/2016 08:04:32</td> 
        <td class="sorting_1">0</td> 
        <td>28661</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28661" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28661" target="_blank">Edit</a> | <a onclick="deletequeue('testallticket','queue_dashboard_ajx.php?action=delete&amp;bucket=28661')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="odd"> 
        <td>test_search</td> 
        <td>Administrator</td> 
        <td>07/29/2016 06:48:42</td> 
        <td class="sorting_1">0</td> 
        <td>28682</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28682" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28682" target="_blank">Edit</a> | <a onclick="deletequeue('test_search','queue_dashboard_ajx.php?action=delete&amp;bucket=28682')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="even"> 
        <td>test_armed_IR_update</td> 
        <td>Administrator</td> 
        <td>08/17/2016 06:44:39</td> 
        <td class="sorting_1">0</td> 
        <td>28721</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28721" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28721" target="_blank">Edit</a> | <a onclick="deletequeue('test_armed_IR_update','queue_dashboard_ajx.php?action=delete&amp;bucket=28721')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="odd"> 
        <td>test_anand_sr_and_cr</td> 
        <td>Administrator</td> 
        <td>07/29/2016 06:29:13</td> 
        <td class="sorting_1">0</td> 
        <td>28680</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28680" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28680" target="_blank">Edit</a> | <a onclick="deletequeue('test_anand_sr_and_cr','queue_dashboard_ajx.php?action=delete&amp;bucket=28680')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="even"> 
        <td>test_anand</td> 
        <td>Administrator</td> 
        <td>07/14/2016 07:32:24</td> 
        <td class="sorting_1">0</td> 
        <td>28660</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28660" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28660" target="_blank">Edit</a> | <a onclick="deletequeue('test_anand','queue_dashboard_ajx.php?action=delete&amp;bucket=28660')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="odd"> 
        <td>test date filter</td> 
        <td>Administrator</td> 
        <td>07/06/2016 11:34:24</td> 
        <td class="sorting_1">0</td> 
        <td>28604</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28604" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28604" target="_blank">Edit</a> | <a onclick="deletequeue('test date filter','queue_dashboard_ajx.php?action=delete&amp;bucket=28604')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="even"> 
        <td>test 1550</td> 
        <td>Administrator</td> 
        <td>08/17/2016 08:56:26</td> 
        <td class="sorting_1">0</td> 
        <td>28722</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28722" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28722" target="_blank">Edit</a> | <a onclick="deletequeue('test 1550','queue_dashboard_ajx.php?action=delete&amp;bucket=28722')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="odd"> 
        <td>test 1</td> 
        <td>Administrator</td> 
        <td>06/17/2016 03:35:05</td> 
        <td class="sorting_1">0</td> 
        <td>28541</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28541" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28541" target="_blank">Edit</a> | <a onclick="deletequeue('test 1','queue_dashboard_ajx.php?action=delete&amp;bucket=28541')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr role="row" class="even"> 
        <td>test</td> 
        <td>Administrator</td> 
        <td>06/13/2016 11:30:45</td> 
        <td class="sorting_1">0</td> 
        <td>28521</td> 
        <td><a href="queue_dashboard_bucket_view.php?bucketid=28521" target="_blank">View</a>&nbsp; | <a href="globalsearch.php?queue=28521" target="_blank">Edit</a> | <a onclick="deletequeue('test','queue_dashboard_ajx.php?action=delete&amp;bucket=28521')" href="javascript:void(0);">Delete</a>&nbsp;</td> 
        <td></td> 
        <td></td> 
        <td></td> 
       </tr> 
      </tbody> 
     </table> 
     </div> 
    </body> 
</html> 
+0

它不能正常工作。你能編輯jsbin嗎? –

+0

@QuestionUser datatable函數不能正常工作......你確定這些鏈接有效嗎? 嘗試使用此代替//cdn.datatables.net/1.10.12/js/jquery.dataTables.min。 js –

+0

@QuestionUser更新了我的答案:同時確保頭部TD計數與身體TD計數相同......並且您的jquery.datatable.js鏈接不工作.... –

0

你需要給您要添加排序列的索引這樣的數據表的訂單選項

$('#example').DataTable({ 
    "order": [[ 0, "asc" ]] 
}); 

這裏是工作js斌。

http://live.datatables.net/aqoxob/371/