jQuery可排序可调宽可查询分页表格
基于 jQuery 的表格增强插件，功能挺全的，像排序、列宽调整、分页、查询这些常见需求，它都能搞定，关键还挺省事的。你如果做后台管理系统或者数据列表页，这种表格用起来真是方便。
可排序的表头点一下就能升降序切换，类似 Excel 那种感觉，用户一看就会用。而且不需要手写复杂逻辑，用个监听事件就搞定：$('.th-sortable').on('click', sortHandler)，响应也快，体验还不错。
列宽调整也蛮实用，比如列内容比较长，看不清就拖一拖，页面不用刷新，colResizable这种小工具就能实现。想细调，还能自定义最小宽度、同步滚动啥的，灵活度够用。
表格查询功能做得也比较人性化，关键词搜索、条件筛选都支持，插件过滤逻辑，你只要绑定个 input 就能用了。配合 Ajax，用在动态数据表格上合适。
收缩展开那块，适合结构比较复杂的表格，比如有子行或分组的，默认折叠，点一下展开详细信息，空间利用率高。用 jQuery 控制 DOM 展示就行，比如 $('.row-toggle').on('click', toggleDetail)。
分页功能也是标配了，数据一多必须分页，不然页面卡得。你可以设置每页条数、跳转页码啥的，和后端配合一下，就能轻松分页加载。
从文件名来看，是基于 Flexigrid 这个插件做的，挺老牌的 jQuery 表格组件，文档也还行，支持自定义配置，适合懒得从头造轮子的场景。如果你对表格有交互上的需求，不妨试试看。
如果你想了解具体实现，下面这几篇文章还不错：
如果你做的是数据密集型的页面，可以直接上 Flexigrid，省心省力。
文件大小：106.51KB
评论区