基于JQuery组件实现table排序功能

基于JQuery组件实现table排序功能

使用JQuery的好处：
1、3个JS文件都是经过压缩，总共不到50K，因此不会影响页面读取速度
2、导入jquery.js文件，可减少编写JS代码量

 

要实现table排序功能，需要包含以下3个文件
jquery-1.2.6.pack.js
jquery.tablesorter.min.js
jquery.tablesorter.pager.js 或 jquery.tablesorter.pager-1.1.js

jquery.tablesorter.min.js (仅共产品开发用)

实现对table排序，但没有分页功能

可实现功能包括：
1、只能基于table表格的排序实现;
1、可实现对table表格每个列或指定列进行排序;
2、可强制指定列排序;
3、可对table列自定义CSS样式;
4、DEBUG断点调试;
5、可实现多列复合排序;

 

优点：
1、可一次性读取所有记录，由JS实现分页，不再需要由分页类实现分页功能
2、不需要后台硬编码实现排序，直接由JS实现，无需重新编码
3、减轻服务器承受的压力
4、对table排序的绑定和卸载方便

 

缺点：
1、需学习JQuery编码模式和jquery.tablesorter组件
2、当数据量大时，如1000条以上记录，可能会出现页面加载后，有1-2秒页面停顿效果。
3、数据的实时性差

 

jquery.tablesorter.pager.js
可对jquery.tablesorter组件实现分页功能效果

 

实现功能：
1、在jquery.tablesorter.min.js基础上实现分页
2、支持上一页、下一页、首页、末页、页数和总页数同时显示、每页显示数据

 

改进的jquery.tablesorter.pager-1.1.js
增加功能：
1、支持单独显示页数，如：“第1页”
2、支持单独显示总页数，如：“共5页”
3、增加输入页码数进行页数转向

评论

2 楼 usking 2009-06-20  

<select class="pagesize"><option></option>......</select>
去掉这行就不能分页了，请LZ解决下

1 楼 leo_dream 2009-01-19  

请问js生成的表格,tablesorter能排序吗