本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。这些插件很多都包含详细的教程。希望能对大家的开发有帮助。
jQuery 表格插件
Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽,自动适应表头宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery 因此更轻量小巧。
Chromatable JQuery Plugin - 固定表头,可滚动内容区,内容区滚动的时候表头位置保持不变。
Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列宽调整,分页,排序,行列式样等功能(演示)。
JQTreeTable - 在表格中加入树形结构
Scrollable HTML table - 将普通 HTML 表格变为可滚动状态。将表头部分放入 THEAD 区,内容部分放入 TBODY 区,脚注部分放入 TFOOT 区域,引用 webtoolkit.scrollabletable.js 文件,然后在每个表格后面创建 ScrollableTable() 对象即可(演示)。
KeyTable - 象 Excel 那样,在单元格之间巡游,可以现场编辑。
graphTable - 借助 flot 将 HTML 表格中的内容变成图形(演示)。
DataTables - 非常强大的 jQuery 表格插件,可变宽页码浏览,现场过滤。多列排序,自动探测数据类型,智能列宽,可从几乎任何数据源获取数据。
jqGrid Plugin - 基于 Ajax 的 jQuery 表格插件,可以 Ajax 方式从服务器端获取数据填充进来(演示)。
Visualize: Accessible Charts & Graphs from Table Elements - 从 HTML 表格收集数据,并借助 HTML5 Canvas 对象转换为图表。
Grider - 一个简单的 jQuery 插件,可以对 HTML 表格进行计算,平均,累加,最大值,最小值等。
表格功能增强
Table Drag and Drop - 通过拖放,对表格中的数据重新排列,可以设置禁止拖放的行。
Table Pagination - 在表格下方自动生成分页导航。
tableRowCheckboxToggle - 可根据 class name 对表格的行自动 check on/off
BS Table Crosshair Plugin - 鼠标在表格上移动时,所经过的单元格自动交叉加亮
jqtable2csv - 将 HTML 表格转换为 SVG 字符串。
Colorize - 自动对表格间隔行使用不同背景颜色
jExpand - 一个非常轻量的 jQuery 插件,可以展开/关闭表格单元格,使表格可以容纳更多内容。
columnHover - 鼠标经过时,可以整列加亮,甚至支持 colspans 和 rowspans
HeatColor - 根据规则,或自动对表格中的值进行分析,对不同范围的值按不同颜色区分。
Fixed Header Table - 固定表头可滚动表格
表格搜索,筛选
tableFilter - 给表格添加简单的筛选功能。
uiTableFilter - 根据条件筛选(隐藏)表格行
Tablesorter 2.0 - 将普通的,拥有 THEAD 和 TBODY 标签的表格转换为可排序表格,可以分析多种数据,支持多列排序。
PicNet Table Filter - 实时的,Google 式筛选功能
jQuery tinysort - http://www.21kaiyun.com在线紫微斗数星座排盘排序
LiveFilter 1.1 - 非常轻量的表格筛选插件,部署非常简单。
jQtablesearch - 快速搜索,非常快
Quicksearch - 简单的搜索功能
jQuery 现场编辑
TableEditor – Flexible in place editing of TableSorter - 现场编辑表格内容,用户可以插入 Ajax 机制回存数据
jGridEditor - 现场编辑,可配置 Ajax 回存数据
原文:Nope jQuery HTML Table Toolbox (原文作者:Paul Andrew)
分享到:
相关推荐
jQuery表格数据汇总插件。需求中经常有表格汇总的要求,此插件方便易用一行给表格添加汇总。$('table').tableSum({'sumText':'total'}) 标签:TableSum
这是一款可展开列的jQuery表格插件。该插件首先在初始化时,所有的表格列采用简洁的显示方式,当用户点击表格列头时,该列被展开,显示详细信息。
主要介绍了jQuery表格插件datatables用法汇总,DataTables是一个非常强大的表格插件,感兴趣的小伙伴们可以参考一下
jQuery股票数据表格插件mmGrid是一款基于mmGrid.js实现的表格部件,它提供了几个基本的功能,可以用于面积有限却要显示较多数据的页面。
jq弹性表格控件,自动伸缩,随表格数量动态变化 jquery插件类 tilesjs
TableSearch表格搜索实现Javascript搜索表格内容功能 Datepicker日期选择器实现Javascript自定义日期格式选择功能 SmoothNavigationalMenu导航菜单实现Javascript下拉多级菜单功能 ImageFlyout弹出图片实现...
以JQuery为基础,做了一个整体的web框架,其中包含了,各种插件,如:标签页、树结构、表格、数据汇总、过滤器等等一系列插件。
ligerGrid的功能列表: 1,支持本地数据和服务器数据(配置data或者url) 2,支持排序和分页(包括Javascript排序和分页) ...7,支持编辑表格(ligerGrid的一个特色,需要其他表单插件的支持) 8,支持树表格(待加入)
第一个例子 简介 ligerGrid是ligerui系列插件的核心控件,用户可以快速地创建一个美观,而且功能强大的表格,支持排序、分页、多表头、固定列等等。 支持本地数据和服务器数据(配置data或者url) 支持排序和分页(包括...
[增加]汇总方式增加一个render(自定义函数,不限于sum、avg、count、max、min) [增加]增加复选框列,同时增加相应的事件和方法。 [优化]优化了显示速度 [修复]解决在IE6下表格头部文字消失的问题 ...
图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...
bootstrap-table是在bootstrap-table的基础上写出来的,专门用于显示数据的表格插件。而bootstrap是来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,具有简便灵活,快速前端...
它提供了最快的jQuery网格,treegrid,pivot网格和电子表格等最令人垂涎的功能,并且基于性能,卓越的UX和开放标准的原则构建。Pro的以下功能是对ParamQuery Grid基本功能的补充。 专业功能: 也可用于...
jquery-confirm | 弹出窗口插件 | [https://github.com/craftpip/jquery-confirm](https://github.com/craftpip/jquery-confirm) jQuery EasyUI | 基于jQuery的UI插件集合体 | [http://www.jeasyui.com]...
图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...
图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...
图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...
图像 表格 实际应用-菜谱 课堂练习-课程表 8-11 5.无序列表 有序列表 框架 8-12 1.浮动窗口 表单及表单控件① 8-12 2.表单及表单控件② 8-12 3.多媒体页面 标签汇总① 地图映射1 8-12 4.多媒体页面 标签汇总① 地图...