Datatables功能强大,支持分页,支持行数限制。
支持前端做二次搜索,前端接收所有数据,再输入关键词,可以过滤很多无用行。
填充数据即可使用,免去了图形绘制等琐碎劳动。
Datatables使用较为简单,支持数组,前端ajax接收到返回的消息之后,将json数组转化成数组,然后提供给这个组件,接着指定列名。
重点:下面的资料描述不清楚。仅供参考。前缀aaData,aoColumns,都可以去掉,有更友好的方式来调用。
一般来说,使用第二种和第三种结合的方式,接收到ajax返回后,遍历每个元素,提取其中有效元素,构建一个数组。
四种数据来源:
对于jQuery dataTables 来说,支持四种表格数据来源。
最为基本的就是来源于网页,在 dataTables 中称为 DOM 来源。
$(document).ready(function() {
$('#example').dataTable();
} );
第二种数据来源为javascript中的数组,通过在初始化对象中传递一个名为 aaData 的数组,同样可以提供表格数据,前缀 aa 说明这是一个数组的数组,外层的数组表示表格的行,每一行同样是一个数组。