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 相关文章推荐
Jquery下判断Id是否存在的代码
Jan 06 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
Mar 12 Javascript
JavaScript实现x秒后自动跳转到一个页面
Jan 03 Javascript
每天一篇javascript学习小结(Boolean对象)
Nov 12 Javascript
浅析JavaScript动画模拟拖拽原理
Dec 09 Javascript
实现JavaScript高性能的数据存储
Dec 11 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
Oct 10 Javascript
vue中使用codemirror的实例详解
Nov 01 Javascript
react 中父组件与子组件双向绑定问题
May 20 Javascript
countup.js实现数字动态叠加效果
Oct 17 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
Aug 25 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 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 8小时时间差的解决方法小结
2009/12/22 PHP
PHP用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
php curl常见错误:SSL错误、bool(false)
2011/12/28 PHP
基于curl数据采集之单页面采集函数get_html的使用
2013/04/28 PHP
php无限极分类递归排序实现方法
2014/11/11 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
2012/02/27 Javascript
js jquery数组介绍
2012/07/15 Javascript
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
jquery中checkbox全选失效的解决方法
2014/12/26 Javascript
jQuery使用ajax跨域获取数据的简单实例
2016/05/18 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
JavaScript实现窗口抖动效果
2016/10/19 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
表格展示利器 Bootstrap Table实例代码
2017/09/06 Javascript
微信小程序三级联动选择器使用方法
2020/05/19 Javascript
vue-router之nuxt动态路由设置的两种方法小结
2018/09/26 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
[01:59]DOTA2首部纪录片《Free to play》预告片
2014/03/12 DOTA
python实现查询苹果手机维修进度
2015/03/16 Python
Python实现的字典值比较功能示例
2018/01/08 Python
Pandas库之DataFrame使用的学习笔记
2019/06/21 Python
pytorch使用tensorboardX进行loss可视化实例
2020/02/24 Python
pytorch cuda上tensor的定义 以及减少cpu的操作详解
2020/06/23 Python
在django中查询获取数据,get, filter,all(),values()操作
2020/08/09 Python
Django项目在pycharm新建的步骤方法
2021/03/02 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
.net面试题
2015/12/22 面试题
计算机系毕业生推荐信
2013/11/06 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
初中教师个人工作总结
2015/02/10 职场文书