28个表格插件,列表如下:
Table Sorter
![clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/7def81b9-de52-43ac-a2e2-14b89b5a83a7.jpg)
Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。
DataTables
![clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/41a1b000-19de-4c31-a698-580404059a66.jpg)
DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。
Flexigrid
![clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/e9f571e8-7cb6-4abf-b0d7-eb9dd3c46ff9.jpg)
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
HeatColor
![clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/352bfc50-beec-4fe5-b36b-053c70a25df4.jpg)
HeatColor可以让你根据元素的值来为元素设置颜色。 它的值的比对时根据预设的一个范围来进行比较,最后对他们自动进行颜色值的设置。
Ingrid
![clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/1ef16860-8c6a-4dac-9a2b-6083a7087130.jpg)
Ingrid 是一个 jQuery 的电子数字表格插件,主要功能有列宽度变化、分页、行和列的样式等。
Table Drag and Drop JQuery plugin
![clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/5086c95f-04da-4aa3-85c9-8f54ac237fe4.jpg)
uiTableFilter
uiTableFilter 是一个用来过滤表格中的行的jQuery插件。
![clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/5f52d663-ba4e-4892-bd27-c481466350d7.jpg)
JQTreeTable
![clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/e606b050-a2e4-4113-95f3-c7c156732293.jpg)
使用JQTreeTable插件你可以得到一个树形表格,如果用户的浏览器禁用了JavaScript,那么他们也能看到普通形式的表格,并不影响可访问性。
PicNet Table Filter
![clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/10abd73c-412a-4ac4-9104-77b1cba97d23.jpg)
jExpand
![clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/8d004e42-b0c0-4fdf-93fd-9c5c141ff6db.jpg)
jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和其它元素。
columnHover
![clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/58fb1932-1224-44b2-ad40-3802149ed6f0.jpg)
tablePagination
TablePagination插件可以让你自动添加分页元素到HTML表格的底部。
Fixed Header Tables
![clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/76ec7b7c-8522-41c3-a977-b313b63105bb.jpg)
Chromatable
![clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/89aeda8b-8146-4ba3-835a-b481eb8f5ff7.jpg)
tablePager
为大的表格创建分页。
Unobtrusive Table Sort Script
![clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/cb7422e4-66a0-40b3-94e5-a575995fdeab.jpg)
rowSelect
简单的小插件,允许选择单行或多行等。
TinySort
![clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/41859bf9-235f-475b-8fae-2bad639543d1.jpg)
TinySort根据文本或属性值排序。
JSquared
![clip_image021clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/e9c14537-7bf5-4cc4-8425-9e6aea606aa6.jpg)
该插件帮你组织高级搜索用户界面,比如GoogleSquared。
jquery.kiketable.rowsizable
![clip_image023clip_image021clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/ff94ed79-d89c-4564-bb81-f0425bc38839.jpg)
csv2table
该插件加载CVS文件来创建表格。
LiveFilter 1.3
![clip_image024clip_image023clip_image021clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/665cc34f-64c4-4970-8f66-33e709e40eaa.jpg)
TableEditor
![clip_image026clip_image024clip_image023clip_image021clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/5f9783a6-26b4-45bb-a880-1134daece5b5.jpg)
TableEditor 提供了灵活的对表格进行即时编辑功能,用户可自定义编辑的处理函数,例如调用 Ajax 方法更新数据等。
FireScope Grid
FireScope Grid 是一个 jQuery 插件,用 HTML 表格增加了数据表格的常用功能,这些功能都在客户端上直接完成。
![clip_image028clip_image026clip_image024clip_image023clip_image021clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/60a88cee-3c94-4d71-aec7-da07c2ed022d.jpg)
Animated Sortable Data Table jQuery plugin – jTPS
![clip_image030clip_image028clip_image026clip_image024clip_image023clip_image021clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/6e8aabe2-e5e5-41ee-83df-f5f5d68b4e02.jpg)
Graph data from an HTML table using jQuery and flot
![clip_image032clip_image030clip_image028clip_image026clip_image024clip_image023clip_image021clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/2008d5c1-08b6-4f20-a7d6-5c9a053d79fe.jpg)
TableKit
![clip_image033clip_image032clip_image030clip_image028clip_image026clip_image024clip_image023clip_image021clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/81e40d5d-8309-48ea-94fb-6de215e32b0f.jpg)
TableKit HTML表格加强使用原型框架。功能包括利用Ajax实现的行分割、列排序、列重置尺寸、单元格编辑。
mootable
![clip_image034clip_image033clip_image032clip_image030clip_image028clip_image026clip_image024clip_image023clip_image021clip_image020clip_image018clip_image017clip_image016clip_image014clip_image013clip_image012clip_image010clip_image009clip_image007clip_image006clip_image005clip_image004clip_image003clip_image00128个有用的表格插件推荐插件有用吗](/Files/20117/c59166de-0b08-4ea4-9b84-e19d51bc23af.jpg)
MooTables 创建自标准HTML表格,利用语法:new MooTable ( element, options )...
原文:http://www.designyourway.net/blog/resources/28-useful-plugins-to-enhance-your-tables-efficiency/
最新评论