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 相关文章推荐
js获取div高度的代码
Aug 09 Javascript
javascript确认框的三种使用方法
Dec 17 Javascript
jquery中each遍历对象和数组示例
Aug 05 Javascript
jquery比较简洁的软键盘特效实现方法
Mar 19 Javascript
深入浅析react native es6语法
Dec 09 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 Javascript
JavaScript轮播图简单制作方法
Feb 20 Javascript
JavaScript防止全局变量污染的方法总结
Aug 02 Javascript
Vue获取页面元素的相对位置的方法示例
Feb 05 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 Javascript
canvas多重阴影发光效果实现
Apr 20 Javascript
Promise静态四兄弟实现示例详解
Jul 07 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/12/30 PHP
PHP可变函数学习小结
2015/11/29 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
解决Laravel5.2 Auth认证退出失效的问题
2019/10/14 PHP
JavaScript CSS修改学习第三章 修改样式表
2010/02/19 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2012/07/21 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
2013/02/06 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
玩转方法:call和apply
2014/05/08 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
JS实现添加,替换,删除节点元素的方法
2016/06/30 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
vue-cli+webpack记事本项目创建
2017/04/01 Javascript
Vue2.0父子组件传递函数的教程详解
2017/10/16 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
微信小程序返回上一级页面的实现代码
2020/06/19 Javascript
JavaScript逻辑运算符相关总结
2020/09/04 Javascript
Nuxt的路由动画效果案例
2020/11/06 Javascript
Python 解析XML文件
2009/04/15 Python
使用graphics.py实现2048小游戏
2015/03/10 Python
python单元测试unittest实例详解
2015/05/11 Python
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
详解python之配置日志的几种方式
2017/05/22 Python
浅谈Python2、Python3相对路径、绝对路径导入方法
2018/06/22 Python
python实现机器人卡牌
2019/10/06 Python
最小二乘法及其python实现详解
2020/02/24 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
python asyncio 协程库的使用
2021/01/21 Python
香港零食网购:上仓胃子
2020/06/08 全球购物
电大学习个人自我评价范文
2013/10/04 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
市场营销计划书范文
2015/01/16 职场文书
一篇文章带你复习java知识点
2021/06/28 Java/Android
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android
js作用域及作用域链工作引擎
2022/07/07 Javascript