表格分页、排序、筛选、定时刷新、状态存储等这些都是使用Datatables插件完成的。Datatables是一个jQuery表格插件,支持分页、及时搜索、排序等。这个插件是真的好用!
- .如何使用:
<1.引入文件:
<2.添加html代码:
table的id为myTable;
<3.初始化:
示例代码如下:
2.服务端处理
当数据量过大时全部读取出来放在前台渲染会影响效率,所以每次请求后台服务端处理分页等操作。
示例代码如下:
注:传递自定义参数时服务器默认以GET方式获取参数.
3.定时刷新表格:
最后附上一个效果图:
以上均为本人工作中使用到的一点小总结,写的不好还请见谅!