28个有用的表格插件推荐

转载

希之夏 2011-07-06 16:21:50

28个表格插件，列表如下：

Table Sorter

Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件，无需再次刷新页面，支持多种单元格数据类型，例如数值、字符串、日期和自定义排序。

Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including:

Multi-column sorting
Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
Support secondary “hidden” sorting (e.g., maintain alphabetical sort when sorting on other criteria)
Extensibility via widget system
Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
Small code size

DataTables

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features:

Variable length pagination
On-the-fly filtering
Multi-column sorting with data type detection
Smart handling of column widths
Display data from almost any data source
DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
Scrolling options for table viewport
Fully internationalisable
jQuery UI ThemeRoller support
Rock solid – backed by a suite of 1400+ unit tests
Wide variety of plug-ins inc. TableTools, FixedColumns, KeyTable and more

Flexigrid

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

Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

Features:

Resizable columns
Resizable height and width
Sortable column headers
Cool theme
Can convert an ordinary table
Ability to connect to an ajax data source (XML and JSON[new])
Paging
Show/hide columns
Toolbar (new)
Search (new)
Accessible API
Many more

HeatColor

HeatColor可以让你根据元素的值来为元素设置颜色。它的值的比对时根据预设的一个范围来进行比较，最后对他们自动进行颜色值的设置。

HeatColor is a plugin that allows you to assign colors to elements, based on a value derived from that element. The derived value is compared to a range of values, either determined automatically or passed in, and the element is assigned a “heat” color based on its derived value’s position within the range.

You bind a collection of elements such as table rows, divs or list members to heatcolor and let it do the work.

Ingrid

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

Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

Table Drag and Drop JQuery plugin

This TableDnD plugin allows the user to reorder rows within a table, for example if they represent an ordered list (tasks by priority for example). Individual rows can be marked as non-draggable and/or non-droppable (so other rows can’t be dropped onto them). Rows can have as many cells as necessary and the cells can contain form elements.

uiTableFilter

uiTableFilter 是一个用来过滤表格中的行的jQuery插件。

JQTreeTable

使用JQTreeTable插件你可以得到一个树形表格，如果用户的浏览器禁用了JavaScript，那么他们也能看到普通形式的表格，并不影响可访问性。

PicNet Table Filter

jExpand

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

jExpand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better. This way, tables can hold more information such as p_w_picpaths, lists, diagrams and other elements.

columnHover

A jQuery-plugin that highlights whole columns in a table when hovering over them. It’s supporting tables with colspans and rowspans, too!

tablePagination

TablePagination is a plugin so that you can auto add a pagination element to the bottom of a html table. There are a variety of settings to customize the elements.

TablePagination插件可以让你自动添加分页元素到ＨＴＭＬ表格的底部。

Fixed Header Tables

Chromatable

tablePager

为大的表格创建分页。

Creates pagination for large tables. tablePage hides all rows in the tbody of your table and displays the rows in the current “page” of the table. tablePager also binds events and data to specified elements in the tfoot area of the table for paging and information display.

Unobtrusive Table Sort Script

rowSelect

Simple little plugin to allow selecting of rows (single or multi) in a table. Add an attribute on the row to move values into the attached input element.

简单的小插件，允许选择单行或多行等。

TinySort

TinySort根据文本或属性值排序。

TinySort will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

JSquared

该插件帮你组织高级搜索用户界面，比如Google Squared。

This plugin allows you to organize advanced search user interface like in Google Squared.

jquery.kiketable.rowsizable

This plugin, applied to n-tables of an HTML page, provides the behaviour of resizing rows by clicking over a “p_w_picpath handler”.
Based mostly in CSS.
FAST, non-intrusive (with DOM), and for HUGE tables (intranet applications, as well as for internet)
Slide animation for IE.

csv2table

This plugin loads a CVS file (e.g. created using Excel) and creates a table with the contents in that CVS file.

该插件加载ＣＶＳ文件来创建表格。

LiveFilter 1.3

TableEditor

TableEditor 提供了灵活的对表格进行即时编辑功能，用户可自定义编辑的处理函数，例如调用 Ajax 方法更新数据等。

TableEditor provides flexible in place editing of HTML tables. User defined handler functions can easily be dropped in to, for example, update the data source via an AJAX request.

FireScope Grid

FireScope Grid 是一个 jQuery 插件，用 HTML 表格增加了数据表格的常用功能，这些功能都在客户端上直接完成。

FireScope Grid is an open source jQuery component that adds datagrid behaviors to your HTML tables, regardless of the server-side technology being used. Included in the plugin is a navigation bar that is automatically appended at the beginning or end of a table that enables users to page through results, filter results by any column or sorted on the fly without need to refresh the entire page.