表格插件汇总（转载）

表格插件汇总

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

经常使用表格插件附官网或中文网：

Datatables、EasyUI Datagrid 数据网格、pqgrid、jqGrid、bootstrap-table

1、Datatables

中文网：http://www.datatables.club/

Datatables是一款jquery表格插件。它是一个高度灵活的工具，能够将任何HTML表格添加高级的交互功能。
增删改查功能完整：
一、分页，管道分页排序，多列同时排序，过滤，全局搜索与单列搜索（下拉选择或文本框输入）；
二、表格信息显示，表格分页数量控制，鼠标移动高亮显示，表格自适应；
三、表头固定，列固定，表身垂直滚动和水平滚动；
四、隐藏列；行分组显示，行合计，添加行，选中多行；
五、几乎支持任何数据源：DOM， javascript， Ajax 和 服务器处理；
六、支持不一样主题 DataTables, jQuery UI, Bootstrap, Foundation；
七、dataTable中文网附带博客，可供参考学习。

2、EasyUI Datagrid 数据网格

中文网API： http://www.jeasyui.net/plugins/183.html
中文网demo:  http://www.jeasyui.net/demo/331.html(多个列子）

数据网格（datagrid）以表格格式显示数据，并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格（datagrid）的设计目的是为了减小开发时间，且不要求开发人员具有指定的知识。它是轻量级的，可是功能丰富。它的特性包括单元格合并，多列页眉，冻结列和页脚，等等。
增删改查功能完整：
一、经过 <table> 标记建立数据网格（datagrid），也可使用 javascript 建立数据网格（datagrid）；
二、冻结列，隐藏列，调整列尺寸，计算列的平均数和总数，表头固定，垂直滚动条和水平滚动条；
三、客户端分页，自定义数据表格分页；
四、栏目组表头，合并单元格；
五、单元格编辑和行编辑，所有撤销功能

3、pqgrid

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

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

一、经过 <table> 标记建立表格，也可使用 javascript 建立表格；
二、冻结列，隐藏列，调整列尺寸，拖拽列，列搜索（分远程和客户端），列排序（分远程和客户端），计算列的平均数和总数，表头固定，垂直滚动条和水平滚动条；
三、客户端分页，服务端分页；表格信息显示，表格分页数量控制；
四、编辑，一步步撤销、恢复，所有撤销；
五、能够下载表格；
七、能够实现行分组或列分组功能，行分组能够收缩或展开
八、很差的是，不能够直接复制表格内容，须要经过提升的方法选择单元格或行，高版本的pqgrid是须要花钱买的

4、jqGrid

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

pqGrid有的功能，除了拖拽列和下载表格功能，jqGrid几乎都有,，它们是很是类似的，但本人以为jqGrid更强大

一、经过 <table> 标记建立表格，也可使用 javascript 建立表格；
二、能够建立主从表格和多级表格，树表格；
三、隐藏列，调整列尺寸，冻结列；表头排序，表头搜索；
四、行拖拽；

5、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。