【分享】jQuery 表格Table插件汇总

标签: HTML5 技术博文 HTML5学习资源 | 发表时间:2012-06-22 21:19 | 作者:HTML5研究小组
出处:http://www.mhtml5.com

本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。这些插件很多都包含详细的教程。希望能对大家的开发有帮助。

jQuery 表格插件

Flexigrid – Web 2.0 Javscript Grid for jQuery – 可变列宽,自动适应表头宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery 因此更轻量小巧。

Chromatable JQuery Plugin – 固定表头,可滚动内容区,内容区滚动的时候表头位置保持不变。

Ingrid, the jQuery Datagrid – 在 HTML 表格上加入列宽调整,分页,排序,行列式样等功能( 演示)。

JQTreeTable – 在表格中加入树形结构

Scrollable HTML table – 将普通 HTML 表格变为可滚动状态。将表头部分放入 THEAD 区,内容部分放入 TBODY 区,脚注部分放入 TFOOT 区域,引用 webtoolkit.scrollabletable.js 文件,然后在每个表格后面创建 ScrollableTable() 对象即可( 演示)。

KeyTable – 象 Excel 那样,在单元格之间巡游,可以现场编辑。

graphTable – 借助  flot 将 HTML 表格中的内容变成图形( 演示)。

DataTables – 非常强大的 jQuery 表格插件,可变宽页码浏览,现场过滤。多列排序,自动探测数据类型,智能列宽,可从几乎任何数据源获取数据。

jqGrid Plugin – 基于 Ajax 的 jQuery 表格插件,可以 Ajax 方式从服务器端获取数据填充进来( 演示)。

Visualize: Accessible Charts & Graphs from Table Elements – 从 HTML 表格收集数据,并借助 HTML5 Canvas 对象转换为图表。

Grider – 一个简单的 jQuery 插件,可以对 HTML 表格进行计算,平均,累加,最大值,最小值等。

表格功能增强

Table Drag and Drop – 通过拖放,对表格中的数据重新排列,可以设置禁止拖放的行。

Table Pagination – 在表格下方自动生成分页导航。

tableRowCheckboxToggle – 可根据 class name 对表格的行自动 check on/off

BS Table Crosshair Plugin – 鼠标在表格上移动时,所经过的单元格自动交叉加亮

jqtable2csv – 将 HTML 表格转换为 SVG 字符串。

Colorize – 自动对表格间隔行使用不同背景颜色

jExpand – 一个非常轻量的 jQuery 插件,可以展开/关闭表格单元格,使表格可以容纳更多内容。

columnHover – 鼠标经过时,可以整列加亮,甚至支持 colspans 和 rowspans

HeatColor – 根据规则,或自动对表格中的值进行分析,对不同范围的值按不同颜色区分。

Fixed Header Table – 固定表头可滚动表格

表格搜索,筛选

tableFilter – 给表格添加简单的筛选功能。

uiTableFilter – 根据条件筛选(隐藏)表格行

Tablesorter 2.0 – 将普通的,拥有 THEAD 和 TBODY 标签的表格转换为可排序表格,可以分析多种数据,支持多列排序。

PicNet Table Filter – 实时的,Google 式筛选功能

jQuery tinysorthttp://www.21kaiyun.com在线紫微斗数星座排盘排序

LiveFilter 1.1 – 非常轻量的表格筛选插件,部署非常简单。

jQtablesearch – 快速搜索,非常快

Quicksearch – 简单的搜索功能

jQuery 现场编辑

TableEditor – Flexible in place editing of TableSorter – 现场编辑表格内容,用户可以插入 Ajax 机制回存数据

jGridEditor – 现场编辑,可配置 Ajax 回存数据

原文:Nope  jQuery HTML Table Toolbox (原文作者: Paul Andrew)

 

相关 [分享 jquery 表格] 推荐:

【分享】jQuery 表格Table插件汇总

- - HTML5研究小组
本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等. Flexigrid – Web 2.0 Javscript Grid for jQuery – 可变列宽,自动适应表头宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery 因此更轻量小巧.

JQuery表格插件介绍:Flexigrid和DataTables

- - 四火的唠叨
文章系本人原创,转载请保持完整性并注明出自 《四火的唠叨》. Flexigrid和 DataTables是我最近使用的,并且功能比较强大,在这里介绍一下. 如果你在寻找前端绘制表格的插件,可以考虑它们. 官方Flexigrid的特性展示:. 支持XML/JSON格式的Ajax数据源. JavaScript API支持.

天易24----jquery实现表格的展开伸缩

- - CSDN博客推荐文章
}).click();//不添加click()方法默认打开是全展现. 姓名年龄电话. 第一组. 王子虎2213064073789.

分享50款非常棒的 jQuery 插件(下篇)

- Yunchao - 博客园-首页原创精华区
  jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象. jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名. 本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用. Web开发者必备的20款超赞jQuery插件.

分享随机推荐的10个不错的jQuery插件

- scotty - 博客园新闻频道
jQuery做为一个非常流行的javascript框架已经被众多的开发人员所采用用来构建丰富并且具有震撼力的界面动画和特效,这里我们随机的选择了10个插件和大家分享如何使用,希望大家喜欢. Aga是一个使用简单功能完全可定制的手风琴效果插件. 可以在水平和垂直俩个方向上使用. Nautilus将所有图片置于一个DIV中或者其他标签,然后根据class和配置生成一个互动的动画,并且支持自定义,允许看到背景移动出来.

10个有趣强大的 jQuery导航教程/插件分享

- Kai - ITeye资讯频道
使用jQuery能够做出令人称奇的效果,而且轻而易举. 在导航制作领域,jQuery没有对手. 虽然并不是所有的人都精通jQuey,但学会并使用它们并不难. 网上有许多的jQuery导航教程,可以帮助你学习如何在为用户导航之余为他们增加一些简单而有趣的效果体验. 如你所知,近来有一大批竞争的javascript库出现.

jQuery 用法 (超强大)-置顶只为分享

- - CSDN博客推荐文章
jQuery 由 John Resig 创建于 2006 年初,对于任何使用 JavaScript 代码的程序员来说,它是一个非常有用的 JavaScript 库. 无论您是刚刚接触 JavaScript 语言,并且希望获得一个能解决文档对象模型(Document Object Model,DOM)脚本和 Ajax 开发中一些复杂问题的库,还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深 JavaScript 专家,jQuery 都会是您的首选.

分享一款jQuery的UI插件:Ninja UI

- - CSDN博客推荐文章
日期:2011/12/26  来源: GBin1.com. 今天分享一款jQuery的UI插件 -. Ninja UI,这个插件使用jQuery本身的语法来开发界面元素,而且你不需要关注CSS样式相关设定,因为整个CSS样式都被直接写到了插件中,不过坏处是,你需要在开发前就确定好CSS,同时目前提供俩个类型的主题.

分享5个viewport相关的jQuery插件

- - ITeye博客
日期:2012-11-16  来源: GBin1.com. 在web和网站开发中我们常常需要处理viewport相关的功能,在前面的文章中我们曾经介绍过 javascript响应式视图(viewport)切换工具类库 ,今天这里我们再介绍5个和viewport相关的 jQuery插件 ,希望大家喜欢.

分享9款最新实用的jQuery插件

- - 网页素材大全_网页素材大全
今天要为大家分享9款12月份最新的jQuery/CSS3插件应用,插件包括焦点图、菜单、表单、图表等相关应用,一起来看看这些jQuery插件吧. 1、CSS3实现黑色带图标菜单导航. 这款CSS3下拉菜单非常漂亮,菜单项带有小图标,且菜单整体色彩很不错. 在线演示    /     源码下载. 2、jQuery下拉选择城市插件hhDrop.