datatables简介

分页
客户端分页： 请求所有数据，由前端分页。 查询：只查询表格内当前的数据。 排序：只排序表格内当前的数据。 服务端分页： 请求哪也的数据，就返回那一页的数据。 参数设置： ajax : XXX, //请求设置 serverSide: true,//如果是服务器方式，必须要设置为true 查询：由服务端来做。 排序：由服务端来做。
简介
Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何 HTML表格添加高级的交互功能。 特性： （1）分页，即时搜索和排序 （2）几乎支持任何数据源：DOM， javascript， Ajax 和 服务器处理 （3）支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation （4）各式各样的扩展: Editor, TableTools, FixedColumns …… （5）丰富多样的option和强大的API （6）支持国际化 （7）超过2900+个单元测试 （8）免费开源 （ MIT license ）！ 商业支持 更多特性请到官网查看
基本用法
3.js写法： $('#example').dataTable({ "autoWidth": true, "info": true, "ordering": true, "columns" : [ {"data" : "bill_code"}, {"data" : "send_check_code"}, {"data" : "type_box_val"}, ... ] });
基本用法
1.引入jquery, dataTables js，引入datatables.min.css。 2. Html写法： <table id="example" class="display" style="width:160%;"> <thead> <tr> <th class="boxitem">提单号</th> <th class="boxitem">报检号</th> <th class="boxitem">装箱方式</th> … </tr> </thead> <tbody> </tbody> <tfoot> </tfoot> </table>
版本参差异：
网址：http://datatables.club/upgrade/1.10-convert.htm • Datatables 1.10.x在命名上与1.9.x的有区别，新版的使用的是驼 峰的命名规则，而之前的是采用匈牙利命名规则 • 当然，这些变化都是向下兼容的，你可以继续使用旧版本的api 方法的参数和名称。
服务端分页自动识别参数格式
{
"data": [ { "administrative_penalty": "", "bill_code": "TMKPNBAS4450011A" }, { "administrative_penalty": "", "bill_code": "SNL6TACL200702" }, { "administrative_penalty": "", "bill_code": "SNL6TACL200542" }, ... ], "recordsFiltered": "205", "recordsTotal": "205" }
推荐网址
中文参考网站： http://datatables.club/ 官网： https:///
谢谢聆听！