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 相关文章推荐
驱动事件的addEvent.js代码
Mar 27 Javascript
jquery animate 动画效果使用说明
Nov 04 Javascript
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
js验证上传图片的方法
May 12 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
使用jQuery加载html页面到指定的div实现方法
Jul 13 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
May 12 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
vue 获取视频时长的实例代码
Aug 20 Javascript
JS array数组检测方式解析
May 19 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压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
PHP批斗大会之缺失的异常详解
2019/07/09 PHP
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
2011/07/10 Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
2013/06/08 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
jQuery 查找元素操作实例小结
2019/10/02 jQuery
微信小程序实现吸顶效果
2020/01/08 Javascript
Python中for循环和while循环的基本使用方法
2015/08/21 Python
python如何定义带参数的装饰器
2018/03/20 Python
VSCode下好用的Python插件及配置
2018/04/06 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
Pytorch自定义Dataset和DataLoader去除不存在和空数据的操作
2021/03/03 Python
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
澳大利亚体育和露营装备在线/实体零售商:Find Sports
2020/06/03 全球购物
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
标准化管理实施方案
2014/02/25 职场文书
幼儿园庆六一活动方案
2014/03/06 职场文书
同居协议书范本
2014/04/23 职场文书
商场周年庆活动方案
2014/08/19 职场文书
创建绿色学校先进个人材料
2014/08/20 职场文书
检察院院长群众路线教育实践活动个人整改措施
2014/10/04 职场文书
项目验收申请报告
2015/05/15 职场文书
汤姆叔叔的小屋读书笔记
2015/06/30 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
python 如何做一个识别率百分百的OCR
2021/05/29 Python
python开发的自动化运维工具ansible详解
2021/08/07 Python
MySQL实战记录之如何快速定位慢SQL
2022/03/23 MySQL