表格插件汇总

常用表格插件附官网或中文网:

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、通过

标记创建数据网格(datagrid),也可以使用 javascript 创建数据网格(datagrid);
2、冻结列,隐藏列,调整列尺寸,计算列的平均数和总数,表头固定,垂直滚动条和水平滚动条;
3、客户端分页,自定义数据表格分页;
4、栏目组表头,合并单元格;
5、单元格编辑和行编辑,全部撤销功能

三、pqgrid

官网: https://paramquery.com/grid

pqgrid是开源的,很多功能与EasyUI Datagrid 数据网格差不多,但相比更强大。

1、通过

标记创建表格,也可以使用 javascript 创建表格;
2、冻结列,隐藏列,调整列尺寸,拖拽列,列搜索(分远程和客户端),列排序(分远程和客户端),计算列的平均数和总数,表头固定,垂直滚动条和水平滚动条;
3、客户端分页,服务端分页;表格信息显示,表格分页数量控制;
4、编辑,一步步撤销、恢复,全部撤销;
5、可以下载表格;
7、可以实现行分组或列分组功能,行分组可以收缩或展开
8、不好的是,不可以直接复制表格内容,需要通过提高的方法选择单元格或行,高版本的pqgrid是需要花钱买的

四、jqGrid

中文网:  http://blog.mn886.net/jqGrid/

pqGrid有的功能,除了拖拽列和下载表格功能,jqGrid几乎都有,,它们是非常相似的,但本人觉得jqGrid更强大

1、通过

标记创建表格,也可以使用 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 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展),父子表,行列调序等等的功能。


你可能感兴趣的:(javascript,插件)