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

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 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展),父子表,行列调序等等的功能。
--------------------- 
作者:sweetllh 
来源:CSDN 
原文:https://blog.csdn.net/sweetllh/article/details/79244814 
版权声明:本文为博主原创文章,转载请附上博文链接!

常用表格插件附官网或中文网:相关推荐

  1. 前端jquery翻书效果插件 附官网

    官网 https://builtbywill.com/booklet/#/installation 插件名称 booklet https://builtbywill.com/booklet/#/ins ...

  2. 【前端做项目常用】相关插件的官网 总结

    以下整理本人在做项目的时候遇到的一些常用的相关插件的官网: 相关插件的官网: 1.Swiper官网:--常用于轮播图 网址: Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 2.iconf ...

  3. hbuilder前端需要的插件_初学Web前端会用到开发工具(附官网下载地址)

    目前市面上比较流行的前端开发工具主要有WebStorm.Vscode.Sublime.HBuilder.notepad++.EditPlus.记事本等,今天介绍一下这些开发工具,并且给出了下载地址. ...

  4. php实现中英文网站插件,php官网英文自动跳中文

    php官网英文自动跳中文脚本js插件是由作者陈鹏杰分享的一个浏览器扩展插件.通过本脚本,可以在浏览php官网时,进行自动跳中文.需要的朋友们,欢迎来下载! 什么是脚本? 脚本是批处理文件的延伸,是一种 ...

  5. 宝藏软件推荐-附官网下载地址

    1.Snipaste截图软件 Snipaste Downloads 2.Listary搜索工具 Listary – File Search & App Launcher 3.mysql语句转换 ...

  6. Listen的安装各使用方法(附官网和安装包链接。)

    Listen为一款非常好用的一款音乐软件,包含了各种系统的安装包,还支持作为插件的形式,包含各大音乐APP的版权,总之就是非常爽,不再为听音乐没版权的原因二发愁了. 官网链接:https://list ...

  7. 初学Web前端会用到开发工具(附官网下载地址)

    目前市面上比较流行的前端开发工具主要有WebStorm.Vscode.Sublime.HBuilder.notepad++.EditPlus.记事本等,今天介绍一下这些开发工具,并且给出了下载地址. ...

  8. 软件推荐:Web前端初学者会用到开发工具(附官网下载地址)

    目前市面上比较流行的前端开发工具主要有WebStorm.Vscode.Sublime.HBuilder.notepad++.EditPlus.记事本等,今天介绍一下这些开发工具,并且给出了下载地址,下 ...

  9. Ubuntu 18.04 LTS (Bionic Beaver) 已经发布附官网下载链接

    Ubuntu 18.04 LTS (Bionic Beaver) 即将发布,最新资讯链接. 下载并使用Ubuntu 18.04 LTS:https://www.ubuntu.com/download/ ...

最新文章

  1. 刷牙刷了这么多年,我们居然都搞错了!
  2. 非nodejs方式的vue.js的使用
  3. Java 数组的拷贝(复制一个相同数组)
  4. JS/JQuery操作iframe元素
  5. spring学习4-bean配置文件
  6. CodinGame - Chuck Norris 思路
  7. 新MLC颗粒来了!让SSD写入提升2倍 寿命翻10倍
  8. termux python_【小白教程】Termux实现安卓手机Python编程
  9. 【书】测试架构师-必备的6个能力
  10. 输入法表情和小图标的应用
  11. 因错误配置第三方服务,已有过亿用户数据遭到泄露
  12. 114号和116号元素命名最终确定
  13. JSTL【一】C标签的使用
  14. 软件项目开发流程及人员职责
  15. kali linux忘记密码找回方法
  16. 调侃计算机专业的句子,调侃生活的幽默句子
  17. PTA 兔子繁衍问题
  18. SQL--多的是,你不知道的事 感觉标题好玩就转了
  19. 9100cdn打印有色差_uv打印机出现色差的解决方法
  20. Python实现电阻计算器——快速计算电阻值

热门文章

  1. PHONEGAP BUILD
  2. C语言 malloc calloc realloc
  3. COMSOL仿真进阶RF及波动光学模块
  4. JDK8最新版本jdk-8u331
  5. java水仙花数10000_java打印10000以内的水仙花数
  6. 安装TC2层出现的问题
  7. nas安装emby_NAS安装Emby实现播放电视源
  8. 关于IDEA Translation插件的谷歌翻译无法翻译问题
  9. python包导入详解
  10. sublime前端插件推荐让sublime变成webstorm