jquery [datatable]排序時指定某列不可排序

閃耀的瞬間發表於2015-02-09
jQuery排序

[datatable]排序時指定某列不可排序

部落格分類：  web前端
datatablejquery 

datatable是一個jquery擴充套件的表格外掛。其提供了強大的表格功能。

官方地址：http://www.datatables.net/media/images/DataTables.jpg

 

在官方示例中，對於表格的是否可排序是在初始化中設定的一個值來決定的

Js程式碼  收藏程式碼
  1. $(".datatable-simplified").dataTable( {  
  2.         "bSort": false  
  3. });  

 

如果要在初始化時就指定預設以哪一列來排序則

Js程式碼  收藏程式碼
  1. $(document).ready(function() {  
  2.     $('#example').dataTable( {  
  3.         "aaSorting": [[ 4, "desc" ]]  
  4.     } );  
  5. } );  
 這會在頁面載入時初始化表格，並以序號為4也就是第5列進行降序排列

 

不過，這種設定只能是對錶頭的所有列一起進行設定。要麼全都可排序，要麼全都不可排序。

現有一需求，第一列為checkbox，要其不可排序，其餘列均可排序

 

經過研究後，發現有一配置可解決該問題。在初始化時設定以下值

 

Js程式碼  收藏程式碼
  1. $(".datatable").dataTable( {  
  2.         "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 ] }]  
  3.     });  
 該值的含義為。初始化datatable，但對序號為0列的列不進行排序，別的列均可進行排序

後面是陣列，可以是多列
"aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 , 1 , 2 ] }]  

相關文章