表格插件汇总(转载)

拟墨画扇 提交于 2019-12-03 04:55:49

表格插件汇总

本文链接:https://blog.csdn.net/sweetllh/article/details/79244814

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

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。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!