日期:2014-05-16  浏览次数:20439 次

dataTables.js成员解释大全 一
1,bLengthChange 是否显示选择table中显示数据量 show(10,20,100...)column
2,bPaginate 是否显示分页menus
3,bProcessing table载入数据时,是否显示‘进度’提示
4,bInfo  是否显示有关table中现有数据的信息,执行过滤数据操作(filtered data)时显示对应信息

5,bAutoWidth
是否启动自动计算各个字段(td单元格)所在宽度

$(document).ready( function () {
  $('#example').dataTable( {
    "bAutoWidth": false
  } );
} );
6,bScrollInfinite 是否启动初始化滚动条--数据过多了,通常和sScrollY结合使用
不能和pagination分页功能并存,分页了数据就不会过多了(垂直方向)
$(document).ready( function() {
  $('#example').dataTable( {
    "bScrollInfinite": true,
    "bScrollCollapse": true,
    "sScrollY": "200px"
  } );
} );

7,bServerSide是否启动服务器端数据导入,即要和sAjaxSource结合使用
  $(document).ready( function () {
    $('#example').dataTable( {
      "bServerSide": true,
      "sAjaxSource": "xhr.php"
    } );
  } );

8,bSort 是否启动各个字段的排序功能--点击table对应字段的最上面一下,
    该列就会进行asc或desc排序
   bSortable可对应启动单个字段的排序功能

9,bSortClasses 是否启动给正在被排序的列(字段)加上class(有sorting_1,sorting_2和     
   sorting_3三种)属性,以凸显正在排序的列,这个功能耗时间,数据大时,关闭

10,bStateSave 是否启动状态保留,开启cookie记住table信息如分页信息,
   数据长度,filtering过滤和sorting过滤等信息。

11,sScrollX 字段过多,启动横向滚动条
  $(document).ready( function() {
  $('#example').dataTable( {
    "sScrollX": "100%",
    "bScrollCollapse": true
  } );
} );
12,sScrollY  数据过多,使用垂直滚动条 第六个有使用到
   $(document).ready( function() {
  $('#example').dataTable( {
    "sScrollY": "200px",
    "bPaginate": false
  } );
} );

13,bFilter 是否启动搜索功能

14,bDestroy
    $(document).ready( function() {
      $('#example').dataTable( {
        "sScrollY": "200px",     //显示200px垂直长度窗口
        "bPaginate": false       //禁用分页
       } );
   
     // Some time later....
      $('#example').dataTable( {
         "bFilter": false,
         "bDestroy": true        //这使得在200px长度窗口显示出来的数据,下一个窗口显示
                                 //有使得有了分页功能
       } );
   } );
15, iDisplayLength 一个分页显示多少行数据
16, iDisplayStart 从第几行开始显示数据

18,sPaginationType
  DataTables内建方法有‘two_button’和‘full_numbers’
    
$(document).ready( function() {
  $('#example').dataTable( {
    "sPaginationType": "full_numbers"
  } );
} )

这类方法是可以自定义的,如:自己写个listbox方法,提供一个下拉框来选择显示当前一个table中显示多少数据,

$(document).ready(function() {
  $('#example').dataTable( {