jQuery 表格插件整理


Posted in Javascript onApril 27, 2010

jQuery 表格插件

Flexigrid ? Web 2.0 Javscript Grid for jQuery - 可变列宽,自动适应表头宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery 因此更轻量小巧。

jQuery 表格插件整理

Chromatable JQuery Plugin - 固定表头,可滚动内容区,内容区滚动的时候表头位置保持不变。

jQuery 表格插件整理

Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列宽调整,分页,排序,行列式样等功能(演示)。

jQuery 表格插件整理

JQTreeTable - 在表格中加入树形结构

jQuery 表格插件整理

Scrollable HTML table - 将普通 HTML 表格变为可滚动状态。将表头部分放入 THEAD 区,内容部分放入 TBODY 区,脚注部分放入 TFOOT 区域,引用 webtoolkit.scrollabletable.js 文件,然后在每个表格后面创建 ScrollableTable() 对象即可(演示)。

jQuery 表格插件整理

KeyTable - 象 Excel 那样,在单元格之间巡游,可以现场编辑。

jQuery 表格插件整理

graphTable - 借助 flot 将 HTML 表格中的内容变成图形(演示)。

jQuery 表格插件整理

DataTables - 非常强大的 jQuery 表格插件,可变宽页码浏览,现场过滤。多列排序,自动探测数据类型,智能列宽,可从几乎任何数据源获取数据。

jQuery 表格插件整理

jqGrid Plugin - 基于 Ajax 的 jQuery 表格插件,可以 Ajax 方式从服务器端获取数据填充进来(演示)。

jQuery 表格插件整理

Visualize: Accessible Charts & Graphs from Table Elements - 从 HTML 表格收集数据,并借助 HTML5 Canvas 对象转换为图表。

jQuery 表格插件整理

Grider - 一个简单的 jQuery 插件,可以对 HTML 表格进行计算,平均,累加,最大值,最小值等。

jQuery 表格插件整理

表格功能增强

Table Drag and Drop - 通过拖放,对表格中的数据重新排列,可以设置禁止拖放的行。

jQuery 表格插件整理

Table Pagination - 在表格下方自动生成分页导航。

jQuery 表格插件整理

tableRowCheckboxToggle - 可根据 class name 对表格的行自动 check on/off

jQuery 表格插件整理

BS Table Crosshair Plugin - 鼠标在表格上移动时,所经过的单元格自动交叉加亮

jQuery 表格插件整理

jqtable2csv - 将 HTML 表格转换为 SVG 字符串。

Colorize - 自动对表格间隔行使用不同背景颜色

jQuery 表格插件整理

jExpand - 一个非常轻量的 jQuery 插件,可以展开/关闭表格单元格,使表格可以容纳更多内容。

jQuery 表格插件整理

columnHover - 鼠标经过时,可以整列加亮,甚至支持 colspans 和 rowspans

jQuery 表格插件整理

HeatColor - 根据规则,或自动对表格中的值进行分析,对不同范围的值按不同颜色区分。

jQuery 表格插件整理

Fixed Header Table - 固定表头可滚动表格

jQuery 表格插件整理

表格搜索,筛选

tableFilter - 给表格添加简单的筛选功能。

jQuery 表格插件整理

uiTableFilter - 根据条件筛选(隐藏)表格行

jQuery 表格插件整理

Tablesorter 2.0 - 将普通的,拥有 THEAD 和 TBODY 标签的表格转换为可排序表格,可以分析多种数据,支持多列排序。

jQuery 表格插件整理

PicNet Table Filter - 实时的,Google 式筛选功能

jQuery 表格插件整理

jQuery tinysort - 排序

jQuery 表格插件整理

LiveFilter 1.1 - 非常轻量的表格筛选插件,部署非常简单。

jQuery 表格插件整理

jQtablesearch - 快速搜索,非常快

jQuery 表格插件整理

Quicksearch - 简单的搜索功能

jQuery 现场编辑

TableEditor ? Flexible in place editing of TableSorter - 现场编辑表格内容,用户可以插入 Ajax 机制回存数据

jQuery 表格插件整理

jGridEditor - 现场编辑,可配置 Ajax 回存数据

jQuery 表格插件整理

本材料原始来源:Nope jQuery HTML Table Toolbox (原文作者:Paul Andrew)

Javascript 相关文章推荐
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
Aug 28 Javascript
重载toString实现JS HashMap分析
Mar 13 Javascript
fancybox modal的完美解决(右上的X)
Oct 30 Javascript
利用Keydown事件阻止用户输入实现代码
Mar 11 Javascript
js判断横竖屏及禁止浏览器滑动条示例
Apr 29 Javascript
js实现简单秒表走动的时钟特效
Mar 25 Javascript
jquery实现多条件筛选特效代码分享
Aug 28 Javascript
jQuery之动画效果大全
Nov 09 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
vue中使用heatmapjs的示例代码(结合百度地图)
Sep 05 Javascript
bootstrap中的导航条实例代码详解
May 20 Javascript
jquery 事件对象属性小结
Apr 27 #Javascript
Google排名中的10个最著名的 JavaScript库
Apr 27 #Javascript
基于jquery的让页面控件不可用的实现代码
Apr 27 #Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 #Javascript
JavaScript中常见陷阱小结
Apr 27 #Javascript
javascript 动态修改样式和层叠样式表代码
Apr 27 #Javascript
js 绑定带参数的事件以及手动触发事件
Apr 27 #Javascript
You might like
PHP句法规则详解 入门学习
2011/11/09 PHP
PHP反转字符串函数strrev()函数的用法
2012/02/04 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
用Javscript实现表单复选框的全选功能
2007/05/25 Javascript
深入理解JavaScript作用域和作用域链
2011/10/21 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
jQuery控制div实现随滚动条滚动效果
2016/06/07 Javascript
AngularJS入门教程之链接与图片模板详解
2016/08/19 Javascript
深入理解JavaScript中的并行处理
2016/09/22 Javascript
JavaScript正则获取地址栏中参数的方法
2017/03/02 Javascript
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
2020/04/23 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
Python中实现switch功能实例解析
2018/01/11 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
Python while循环使用else语句代码实例
2020/02/07 Python
python列表返回重复数据的下标
2020/02/10 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
Python sqlalchemy时间戳及密码管理实现代码详解
2020/08/01 Python
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
墨西哥购物网站:Elektra
2020/01/21 全球购物
自动化专业本科毕业生求职信
2013/10/20 职场文书
圣诞节红领巾广播稿
2014/02/03 职场文书
班班通项目实施方案
2014/02/25 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
化工专业自荐书
2014/06/16 职场文书
县政府班子个人对照检查材料
2014/10/05 职场文书
四年级语文教学反思
2016/03/03 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书
Python中的 Set 与 dict
2022/03/13 Python