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:
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:
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. Features:
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.
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 images, 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插件可以讓你自動添加分頁元素到HTML表格的底部。
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
csv2table
This plugin loads a CVS file (e.g. created using Excel) and creates a table with the contents in that CVS file.
該插件加載CVS文件來創建表格。
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.
Animated Sortable Data Table jQuery plugin – jTPS
jTPS is a datatable jQuery plugin that offers pagination, animated scrolling through pages and intelligent natural sorting capability.
Graph data from an HTML table using jQuery and flot
TableKit
TableKit HTML表格加強使用原型框架。功能包括利用Ajax實現的行分割、列排序、列重置尺寸、單元格編輯。
TableKit is a collection of HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting, column resizing and cell editing using Ajax.
mootable
MooTables are created from standard html tables, with this syntax: new MooTable ( element, options ); Because they are made from standard tables, they degrade nicely.
MooTables 創建自標準HTML表格,利用語法:new MooTable ( element, options )...
文章轉載自:http://www.designyourway.net/blog/resources/28-useful-plugins-to-enhance-your-tables-efficiency/