我们一般使用HTML表格来显示数据,我们都知道div更容易设计,更灵活。但是现在你使用这些精彩的jQuery表格插件,将更简单、灵活、更多风格。下面介绍了37款开源jQuery表格插件。 感谢FineReport报表软件公司的整理。 jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。 主要特点:
-Full control with JavaScript API -Data returned from the server is XML -Simple configuration -Ability to load big datasets (paging) -Resizable columns -Server-side sorting -Support of links, images, checkboxes -You can add more than one grid on a sigle page (master-detail) -Paging ![]()
jqGridView是新的,富客户端的,基于XML , Ajax网格插件的jQuery库。 jqGridView提供专业的解决方案,代表和编辑表格数据在网络上。精心设计的,具有强大的脚本API的,这可编辑网格是很简单的DHTML与XML 的配置,并显示出令人信服的成果与大量数据。 jqGridView可以轻松地执行好期待(管理通过的CSS ) 。 jqGridView并不平台根据插件,它可用于不同的网络编程平台,如: ASP技术.NET /的ASP , PHP中,爪哇岛, CGI脚本等jqGridView已高度鲍泽兼容性。 主要特性: * Column resizing. 支持的浏览器包括: * Opera 9.0
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
![]()
DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。主要特点:
Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。 主要的特点包括:
程序效果:
![]()
This plugin creates the methods "showRow", "hideRow" and "toggleRow", to manage the display of table rows. Tested in FF 3.0 and IE7. Created by Gabriel Langhans, Lucas Leite and Maicon Martins
jQuery treeTable 插件的功能跟 JQTreeTable 类似,是在一个表格内显示树状结果,如下图所示:
![]()
uiTableEdit是由Greg Weber制作的很酷的jQuery表格编辑插件,它允许用户编辑表格内容。 var t = $('table')
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
![]()
Ingrid 是一个 jQuery 的电子数字表格插件,主要功能有列宽度变化、分页、行和列的样式等。
这个jQuery表格分页插件可以在表格下面创建分页元素,你还可以通过各种设置来定制分页
![]()
使用JQTreeTable插件你可以得到一个树形表格,如果用户的浏览器禁用了JavaScript,那么他们也能看到普通形式的表格,并不影响可访问性。
![]()
jQuery.sheet是一个 Web电子表格jQuery插件。功能、界面风格与MS Excel相似。
![]()
TiamatGrid 是一个jQuery表格插件,它是基于 jqGridView 插件开发的,尽管功能没它强,却比它快 主要特性: * Events return array with the data selected 兼容的浏览器: * Firefox 2.0
DataGrid jQuery 插件允许你创建一个在您的网页DataGrid组件。 DataGrid的是轻量级的,但强大的功能如下:
jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和其它元素。
CSV2Table 可以读取CSV文件,它从CSV文件中读取内容并创建成table表格
![]()
Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. The goal here is to give jQuery a robust, native datagrid that's up to snuff with those found in the EXT or YUI libraries. Currently Ingrid supports the following:
Forthcoming features:
Feature requests and bug reports are welcome.
allows table rows to be filtered (made invisible) t = $('table') documentation at http:///projects/uitablefilter
Scrollable HTML Table 这个 jQuery 插件用来在一个固定高度的表格中显示滚动行的数据,如下图所示:
![]()
Watajax 是一个PHP和jQuery结合起来用来快速生成网页表格数据的解决方案。 示例代码: PHP: jQuery:
这是一个采用jQuery开发的Web电子表格。经测试支持的浏览器包括:Firefox2/3、 IE7/8、Epiphony2、Opera9、Safari3。
![]()
这是一个可以固定表头的jQuery插件。当表格向下滚动时,表头不会跟着动。
![]()
uiTableFilter 是一个用来过滤表格中的行的jQuery插件。
基于Jquery实现的简单Gird插件,兼容多种浏览器。
![]()
tableFormSynch是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括:基于表单中的数据,新增行。删除所选择行,并清除表单 中的所有数据。tableFormSynch支持所有表单控件包括:checkboxes、radio、buttons、select
![]()
HeatColor可以让你根据元素的值来为元素设置颜色。 它的值的比对时根据预设的一个范围来进行比较,最后对他们自动进行颜色值的设置。
KeyTable是一个轻量级jQuery插件(约5kb左右),用于为任意html表格添加键盘导航选择支持。该插件提供一种类似于Excel的导航选择方式和单击单元格可以编辑功能。此外KeyTable还可以与DataTables结合使用。
![]()
ayGrid是一个基于jQuery的表格插件,可实现在表格上在线修改、增加、删除、保存数据!其中,单元格的编辑可以实现CheckBox、ComboBox、Input的输入方式。表格数据传输基于JSON。
![]()
jquery plugin for working with tables and table rows documentation at http:///projects/tablelib plugin dependent on lib/iterator.js (included in tarball)
This implements a table scroller. It is passed a single argument which is the height in pixels of the scrolled region. It will replace the original table with the scrolled table.
Table filtering/sorting/paging on steroids. Multi-column sorting and filtering. tableFilter allows you to do simple client-side pagination, as well as auto-filtering and auto-sorting on multiple columns simultaneously using ctrl-click. If jquery.cookies is present, it will remember custom settings automatically. tableFilter also supports plugins for added functionality such as automatic aggregation for columns of numeric data (sum/avg/min/max). All of this yours for the low, low price of $('table').tableFilter(); See site for details and demos.
TableEditor 提供了灵活的对表格进行即时编辑功能,用户可自定义编辑的处理函数,例如调用 Ajax 方法更新数据等。
![]()
tableHover一个jQuery插件当鼠标经过时,能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。
![]()
Use this to search the text of your table, check the column out. jQuery('#table1').tablehandler();
jQuery('#table1').searchTable({
FireScope Grid 是一个 jQuery 插件,用 HTML 表格增加了数据表格的常用功能,这些功能都在客户端上直接完成,如下图所示:
![]()
A rewrite of the original table sort script that includes a few more features and a much faster sort routine architecture
![]()
|
|