建议使用datatables，数据源采用ajax source，options配置中
{
bServer:true,
bPagination:true
}
完全就能满足你的需求。而且所有的增删查改在前后端均会同步。
其原理是前端通过分页参数获取数据后会在js的context下维护一个数组对象用于存放数据表，此表与后台数据完全映射。自带的search功能默认可以对前端js维护的数据表进行索引查询，也可以通过函数重载改写为直接使用select like来对后端整表进行查询。非常方便。
如果是后台产生数据更新而非前端主动产生，有几种方法：
1、ajax source设置timer自动更新，系统负担与timer的频率成正比；
2、使用部分浏览器支持的websocket建立一个长连接，更新后通知前端；
3、使用部分浏览器支持的notifications功能
web开发技术日益更新不进则退，偶的项目更新日志里有很多都是对技术框架的更新log，并且效果卓著。举例说明，偶的项目中最早使用的datatables版本是1.10，没有使用ajax source进行分页读取数据库，而是全部读取后前端分页。在数据量增大后效率极具下降。前后端均加上时间打印后发现，PHP+mysql的总用时为0ms，而前端建立js数据表花了近10s。于是前往官网查看优化方式，看到版本已更新为1.13则顺手更新了整个模块，没想到之前的近10s耗时随着这次更新降到了几百ms的级别，瞬间解决了效率问题。开源的强大就在于你不是一个人在战斗，你遇到的问题，别人也会遇到，可能早就解决。
