JQuery DataTable插件

时间:2021-07-07 14:58:46

参考文件:

http://blog.csdn.net/xuechongyang/article/details/8424897

http://blog.csdn.net/llhwin2010/article/details/8663753

http://blog.csdn.net/mickey_miki/article/details/8240477

http://chengkai.wang/js/76.html

DataTable 创建表格

http://www.cnblogs.com/nier/archive/2012/03/22/2411267.html

DataTable插件的主要功能:

可变长度分页;   动态过滤;   多列排序,带数据类型检测功能;   列宽度的智能处理;   从多种数据源获取数据(DOM,js Array, ajax file, server-side returning);

滚动配置属性;   完整国际化支持;   jquery UI ThemeRoller支持;   经历了个2600多个单元测试,相当牢固;  有为数不少的插件支持;   免费的;   状态保存能力;           支持隐藏列;   动态创建表格的能力;   自动ajax数据加载;     自定义DOM位置;       单列过滤;    多种分页器;       无损的DOM交互;  参与排序的列高亮;                   高级数据源配置;    扩展的插件支持功能;     可以用css完全配置表象;      丰富的文档

注意:要被dataTable处理的table对象,必须有thead与tbody,而且,结构要规整(数据不一定要完整),这样才能正确处理

使用了几个默认的参数设置。在 dataTables 中,参数名称的前缀用来说明参数的数据类型,很明显,b 表示布尔类型,i 表示整数类型,s 表示字符串类型。

  • bPaginate: 是否分页,默认为 true,分页
  • iDisplayLength : 每页的行数,每页默认数量:10
  • sPaginationType: 分页样式,支持两种内置方式,two_button 和 full_numbers, 默认使用 two_button。
  • bLengthChange : 是否允许用户通过一个下拉列表来选择分页后每页的行数。行数为 10,25,50,100。这个设置需要 bPaginate 支持。默认为 true。
  • bFilter: 启用或禁止数据过滤,默认为 true。 注意,如果使用过滤功能,但是希望关闭默认的过滤输入框,应使用 sDom
  • bInfo: 允许或者禁止表信息的显示,默认为 true,显示信息。

aoColumns 参数用来定义表格的列,这是一个数组,其中的每一个对象用来定义一列。 
                对于每一个列对象: sTitle 定义列的标题    sClass 定义列的样式 
                fnRender 函数用来渲染列,这个函数将会传递一个参数对象,这个参数对象的 iDataColumn 属性表示当前的列索引,aData 表示当前的行数组。函数返回的结果将                     被填充到单元格中。 
        //当然了,对于表示行的数组来说,长度应该是相同的。如果某一行数据缺失或者提供了过多地数据的话,就会得到一个警告。