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 相关文章推荐
js 表单验证方法(实用)
Apr 28 Javascript
jQuery动画animate方法使用介绍
May 06 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
javascript实现tab切换特效
Nov 12 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
May 04 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
bootstrap-table组合表头的实现方法
Sep 07 Javascript
使用D3.js创建物流地图的示例代码
Jan 27 Javascript
详解nuxt sass全局变量(公共scss解决方案)
Jun 27 Javascript
vue如何进行动画的封装
Sep 26 Javascript
微信小程序自定义波浪组件使用方法详解
Sep 21 Javascript
微信小程序实现单个或多个倒计时功能
Nov 01 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数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
2011/10/31 PHP
PHP学习散记_编码(json_encode 中文不显示)
2011/11/10 PHP
33道php常见面试题及答案
2015/07/06 PHP
PHP经典算法集锦【经典收藏】
2016/09/14 PHP
PHP简单装饰器模式实现与用法示例
2017/06/22 PHP
jqueyr判断checkbox组的选中(示例代码)
2013/11/08 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
如何使用AngularJs打造权限管理系统【简易型】
2016/05/09 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
2018/07/05 jQuery
VUE安装使用教程详解
2019/06/03 Javascript
JavaScript遍历数组和对象的元素简单操作示例
2019/07/09 Javascript
策略模式实现 Vue 动态表单验证的方法
2019/09/16 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
如何在vue中使用video.js播放m3u8格式的视频
2021/02/01 Vue.js
python使用fileinput模块实现逐行读取文件的方法
2015/04/29 Python
详解在Python的Django框架中创建模板库的方法
2015/07/20 Python
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
Python Flask基础教程示例代码
2018/02/07 Python
对Python字符串中的换行符和制表符介绍
2018/05/03 Python
Python 统计字数的思路详解
2018/05/08 Python
python爬虫之自制英汉字典
2019/06/24 Python
python中对数据进行各种排序的方法
2019/07/02 Python
Python queue队列原理与应用案例分析
2019/09/27 Python
Python GUI编程学习笔记之tkinter中messagebox、filedialog控件用法详解
2020/03/30 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
eBay美国官网:eBay.com
2020/10/24 全球购物
西班牙在线光学:Visual-Click
2020/06/22 全球购物
个人求职信范文分享
2014/01/06 职场文书
韩国商务邀请函
2014/01/14 职场文书
个人简历自我评价范文
2014/02/04 职场文书
2014国庆节餐厅促销活动策划方案
2014/09/16 职场文书
乡镇计划生育工作汇报
2014/10/28 职场文书
2015年消防工作总结
2015/04/24 职场文书