表格插件汇总
常用表格插件附官网或中文网:
Datatables、EasyUI Datagrid 数据网格、pqgrid、jqGrid、bootstrap-table
一、Datatables
中文网:http://www.datatables.club/
Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。
增删改查功能完整:
1、分页,管道分页排序,多列同时排序,过滤,全局搜索与单列搜索(下拉选择或文本框输入);
2、表格信息显示,表格分页数量控制,鼠标移动高亮显示,表格自适应;
3、表头固定,列固定,表身垂直滚动和水平滚动;
4、隐藏列;行分组显示,行合计,添加行,选中多行;
5、几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理;
6、支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation;
7、dataTable中文网附带博客,可供参考学习。
二、EasyUI Datagrid 数据网格
中文网API: http://www.jeasyui.net/plugins/183.html
中文网demo: http://www.jeasyui.net/demo/331.html(多个列子)
数据网格(datagrid)以表格格式显示数据,并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格(datagrid)的设计目的是为了减少开发时间,且不要求开发人员具备指定的知识。它是轻量级的,但是功能丰富。它的特性包括单元格合并,多列页眉,冻结列和页脚,等等。
增删改查功能完整:
1、通过 <table> 标记创建数据网格(datagrid),也可以使用 javascript 创建数据网格(datagrid);
2、冻结列,隐藏列,调整列尺寸,计算列的平均数和总数,表头固定,垂直滚动条和水平滚动条;
3、客户端分页,自定义数据表格分页;
4、栏目组表头,合并单元格;
5、单元格编辑和行编辑,全部撤销功能
三、pqgrid
官网: https://paramquery.com/grid
pqgrid是开源的,很多功能与EasyUI Datagrid 数据网格差不多,但相比更强大。
1、通过 <table> 标记创建表格,也可以使用 javascript 创建表格;
2、冻结列,隐藏列,调整列尺寸,拖拽列,列搜索(分远程和客户端),列排序(分远程和客户端),计算列的平均数和总数,表头固定,垂直滚动条和水平滚动条;
3、客户端分页,服务端分页;表格信息显示,表格分页数量控制;
4、编辑,一步步撤销、恢复,全部撤销;
5、可以下载表格;
7、可以实现行分组或列分组功能,行分组可以收缩或展开
8、不好的是,不可以直接复制表格内容,需要通过提高的方法选择单元格或行,高版本的pqgrid是需要花钱买的
四、jqGrid
中文网: http://blog.mn886.net/jqGrid/
pqGrid有的功能,除了拖拽列和下载表格功能,jqGrid几乎都有,,它们是非常相似的,但本人觉得jqGrid更强大
1、通过 <table> 标记创建表格,也可以使用 javascript 创建表格;
2、可以创建主从表格和多级表格,树表格;
3、隐藏列,调整列尺寸,冻结列;表头排序,表头搜索;
4、行拖拽;
五、bootstrap-table
中文网: http://bootstrap-table.wenzhixin.net.cn/zh-cn/
用法和实例大全: http://www.cnblogs.com/landeanfen/p/4976838.htm
综合实例;https://www.cnblogs.com/gamehiboy/p/5176618.html
bootstrap-editable行内编辑: https://www.cnblogs.com/landeanfen/p/5821192.html
基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展),父子表,行列调序等等的功能。
六: 百度 在线Excel 转网页
http://www.docpe.com/excel/excel-to-html.aspx
它可以帮你获得一个写死的Excel和样式,你可以借用它样式,然后把table部分改成手动拼接+ajax。