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

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

• 博客分类： 
• web前端

datatable jquery 

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 ] }]