javascript表格控制項

表格控制項(DataGrid )允許終端使用者閱讀和寫入到絕大多數資料庫的應用程式。DataGrid 控制項可以在設計時快速進行配置，只需少量代碼或無需代碼。當在設計時設定了DataGrid 控制項的 DataSource 屬性後，就會用資料來源的記錄集來自動填滿該控制項，以及自動化佈建該控制項的列標題。然後您就可以編輯該網格的列；刪除、重新安排、添加列標題、或者調整任意一列的寬度。

1. Flexigrid

Flexigrid是一個類似於Ext Gird，但基於jquery開發的Grid。它具有的功能包括：可以調整列寬，合并欄位標題，分頁，排序，顯示/隱藏表格等。Flexigrid顯示的資料能夠通過ajax擷取或者從一個普通的表格轉換。

2. Yahoo! UI Library: DataTable (示範地址)

該DataTable控制項提供的功能有：排序、列寬調整、分頁、inline editing、row selection等。

3. jqGrid

jqGrid是一個Ajaxed jQuery Grid外掛程式。提供分頁功能，添加、編輯、刪除和搜尋表中記錄，支援多種資料類型輸入：XML，JSON，Array等，多行選擇，支援子表格，整合日期選擇控制項等等。

4. tableFormSynch (示範地址)

tableFormSynch是一個表格與表單資料相互更新的jQuery外掛程式。它提供的功能包括：基於表單中的資料，新增行。刪除所選擇行，並清除表單中的所有資料。tableFormSynch支援所有表單控制項包括：checkboxes、radio、buttons、select

5. DataTables

DataTables是一個jQuery外掛程式，能夠讓html表格很方便地實現分頁、過濾和多欄排序等功能。DataTables可以使用本身內建的CSS樣式，但還可以按自己的需要自訂CSS樣式。它具有以下特徵：

• 自適應欄寬
• 可儲存表格狀態
• 可隱含列
• 動態建立表格
• Ajax自動裝載資料
• 豐富的分頁類型
• 多欄排序和高亮顯示

6. OmniGrid

OmniGrid是一個採用Mootools1.2開發的表格控制項與FlexGrid jQuery和SortableTable相似。具有分頁，排序，Ajax資料載入，添加/修改/刪除表格式資料功能等。

7. moodgets Grid (示範地址)

moodgets Grid是一個基於Mootools架構開發，便於使用，可擴充的表格控制項。拖動調整表格列寬，排序，多行或單行選擇，單擊表格儲存格可編輯，分頁，通過Ajax載入資料。

8. MyTableGrid (示範地址)

MyTableGrid是一個基於是Prototype架構開發的DataGrid控制項，用於以一種更易於瀏覽和更靈活的方式來展示資料。它提供Ajax支援的快速分頁和資料排序功能，可以拖動調整資料列寬度，隱藏不需要顯示的列。

9. GT-Grid

國內一個為打造成為GT-Grid成為世界級的列表組件，方便支援多種應用。可以純用戶端應用，也可以選擇內建JAVA服務端作為其服戶端。

10. obout v3 Grid for ASP.NET

速度比較快的Asp.net Grid。它的卓越表示在於：百萬層級資料記錄載入只用1秒

11. Table widget (示範地址)

這個控制項能夠將正常的HTML Table轉成可排序，固定表頭的Table。

12. jExpand (示範地址)

jExpand是一個可以讓表格具備可伸縮功能的jQuery外掛程式。利用這個功能可以協助你更好地組織表格，讓表格承載更多的訊息比片，列表，圖表和其它元素。