jQuery 表格工具集


Posted in Javascript onApril 25, 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 相关文章推荐
javascript操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
JQuery Study Notes 学习笔记(一)
Aug 04 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
Feb 07 Javascript
使用js画图之画切线
Jan 12 Javascript
jQuery树形下拉菜单特效代码分享
Aug 15 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
AngularJS基础 ng-if 指令用法
Aug 01 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
JS面向对象的程序设计相关知识小结
May 26 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
在react中使用vue的状态管理的方法示例
May 02 Javascript
基于JQuery.timer插件实现一个计时器
Apr 25 #Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 #Javascript
一个简单的jQuery插件制作 学习过程及实例
Apr 25 #Javascript
Javascript中的相等与不等运算
Apr 25 #Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 #Javascript
jQuery 打造动态渐变按钮 详细图文教程
Apr 25 #Javascript
javascript之学会吝啬 精简代码
Apr 25 #Javascript
You might like
php include的妙用,实现路径加密
2008/07/29 PHP
PHP中“简单工厂模式”实例代码讲解
2012/09/04 PHP
浅谈PHP链表数据结构(单链表)
2016/06/08 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
EasyUI 中 MenuButton 的使用方法
2012/07/14 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
JavaScript的模块化开发框架Sea.js上手指南
2016/05/12 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
2016/12/14 Javascript
详解Angular-Cli中引用第三方库
2017/05/21 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
2017/09/20 Javascript
vue项目实战总结篇
2018/02/11 Javascript
angular项目中bootstrap-datetimepicker时间插件的使用示例
2018/03/15 Javascript
详解webpack打包后如何调试的方法步骤
2018/11/07 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
基于layui轮播图满屏是高度自适应的解决方法
2019/09/16 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
Python编程判断这天是这一年第几天的方法示例
2017/04/18 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
python 默认参数相关知识详解
2019/09/18 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
怎样写好自荐信和推荐信
2013/12/26 职场文书
员工趣味活动方案
2014/08/27 职场文书
亮剑精神观后感
2015/06/05 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书
班干部学习委员竞选稿
2015/11/20 职场文书
python爬虫--selenium模块
2021/03/31 Python
java多态注意项小结
2021/10/16 Java/Android
如何在python中实现ECDSA你知道吗
2021/11/23 Python
HTML常用标签超详细整理
2022/03/19 HTML / CSS
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL