12个实用的jQuery表格插件

在为公司进行开发的过程中经常要生成各种报表,普通的表格已经无法适应现在人们对于数据的要求,所以我们总是找出各种办法来解决这些问题,例如报表分页,双击表头排序等功能基本上已经是必须的了。

今天,强大的jQuery开发者们,也为我们提供了各式各样的表格插件,用来完善我们的表格。这里是来webdesignledger为我们收集的12个很实用的表格插件,一定有你用得上的。

jExpand

jquery tables

jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和其它元素。

columnHover

jquery tables

这个插件是用来高亮鼠标所指的列。

DataTables

jquery tables

DataTables是一个jQuery插件,能够让html表格很方便地实现分页、过滤和多栏排序等功能。DataTables可以使用本身自带的CSS样式,但还可以按自己的需要自定义CSS样式。

Fixed Header Tables

jquery tables

用来建立一个表头固定带滚动条的表格。

Flexigrid

jquery tables

Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。

Ingrid

jquery tables

Ingrid 是一个 jQuery 的电子数字表格插件,主要功能有列宽度变化、分页、行和列的样式等。

treeTable 2.0

jquery tables

jQuery treeTable 插件的功能跟 JQTreeTable 类似,是在一个表格内显示树状结果。

Tablesorter

jquery tables

一个非常好用的基于jQuery的表格排序插件,这个表格排序插件能让我们在客户端按某列进行排序,引入jQuery和这个插件的js文件,然后告诉插件你想要哪个表格拥有排序功能。

columnManager

jquery tables

这个插件的功能是可以允许你隐藏某些行,并且保存。

Table Drag and Drop

jquery tables

这个jQuery插件能够为HTML表格添加行拖放(Drag and Drop)功能。

Chromatable

jquery tables

Chromatable 让您轻松的创建表头固定带滚动条的表格。

uiTableFilter

jquery tables

uiTableFilter 让您更轻松的过滤表格中的行。

英文原文:12 Useful jQuery Plugins for Working with Tables

Popularity: 20%

您还可能感兴趣的文章:

分享这篇文章到:
Digg Google书签 QQ书签 百度书签 StumbleUpon Technorati Yahoo! Buzz 饭否 Delicious BlinkList 收客

有 17 条 关于 “12个实用的jQuery表格插件”的评论

commenter

还不清楚怎么用呢 适合用在网页那些部分?

[回复]

commenter

一直在用lightbox,其他都没用过。。。

[回复]

commenter

就觉得第一个还不错~

[回复]

commenter

觉得treeTable挺不错~

[回复]

commenter

俺一时半会儿还用不着吧。

[回复]

commenter

表格在个人博客上用的并不多,不过jquery确实很让人喜欢。

[回复]

commenter

之前有用过个jquery table排序的,反应很慢,就没再用了。

[回复]

commenter

又一次的见证了jQuery的强大

[回复]

commenter

用不到,也得使劲顶……嘎嘎

[回复]

commenter

是要好好学习一下了&

[回复]

commenter

跟表格很少打交道,支持一下

[回复]

commenter

留言标记!!这个用得着,有空学习一下。

[回复]

commenter

不懂,

旁观,凑个热闹。

[回复]

留下回复:

网名 (必填):
电子邮件 (不会被公布出来) (必填):
网址:
防止垃圾: 麻烦计算一下 6 + 10 ?得多少
评论 (必填):
XHTML: 你可以使用这些标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
    可以按Ctrl+Enter提交