為了將數據高效的展示出來，數據需要有合適的結構，展現結構設計的越好，用戶就越容易理解信息的內容。因此，提高數據的可萃取性和可掃描性非常有意義。

表，是一個非常好的數據呈現結構，非常便于人們分析和理解二維的關系數據。他的初始目的是去展示數據，而非樣式化數據，因此，它可以將設計者的主觀思想有效地表達出來。

進而言之，通過一些額外的操作功能，如排序，過濾，快速編輯等，用戶體驗也可以得到非常好的擴展。

本文匯總了17種數據表格解決方案，主要采用主流的AJAX，DHTML，JavaScript等技術來提供強大的數據展現功能，供大家參考。

數據表格控件總覽

1. ExtJs Grid

支持擴展行、折疊、內容自適應、CheckBox封裝、滾動條，以及各種按鈕和工具欄，可以說ExtJs的Grid非常之強大(多謝 Lucian Lature了!).

2. dhtmlxGrid

可以通過靈活多變的方式來展示數據。支持多個皮膚，并可以輕松的進行分頁，這些代碼受GPL所管制，如果需要技術支持，則需要掏錢。

3. Phatfusion Sortable

可以對表進行排序，還可以通過元素來進行數據的過濾(多謝 Boris).

4. Mootable Sorting.

可以對表格進行排序，并能高亮顯示某些特定的單元格。

5. Elite Zebra Tables

對Zebra里提供的Table增加了排序功能。

6. PHP Live Datagrid

在XAJAX庫的基礎上而建。分頁功能很強大，可以在各個頁面之間直接跳轉，能夠適用于海量數據(超過500頁)

7.　Table Kit

又是一個基于Prototype 框架的杰作。可以對列進行排序,一些選取的行和單元格可以高亮標注，還提供了 tutorial related to table sorting ith Prototype 。

8. How to paginate, sort and search a table with Ajax and Rails.

一個用Ruby on Rails 來創建可分頁、可排序、可搜索的表格的好教程.

9. Unobtrusive Table Sort Script.

10. Yahoo UI Library’s DataTables.

大名鼎鼎的YUI也提供了自己的DataTable，并提供了各種各樣的demo。 這些代碼雖沒有直接提供可視化支持，但實現了所有的數據表格應有的功能，比如排序，分頁，實時編輯等等。

11. Standardista Table Sorting

12. Sortable Tables

由WebFX所做。

13. SortedTable

14. Mootols Table Row & Column Highlighting.

顧名思義，比較適合高亮顯示特定的數據，下面是個不錯的例子。

Data Grids 模板

下面的腳本提供了基本的排序功能，可以在你的項目中用作模板。

Sortable Ajax Tables in JSON and XML with MochiKit

JavaScript Sortable Table

DHTMLGoodies

專業解決方案

還有一些解決方案，非常讓人興奮，但需要支付高額的費用，比如Active Widgets(395美元，還包括一些其它的應用擴展)，和Editable JavaScript TreeGrid。然而，它們也確實提供了非常好的解決方案，也算是物所有值吧。

標簽：

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至hey@evget.com

文章轉載自：豆豆網

總結

以上是生活随笔為你收集整理的ajax17,17个使用AJAX技术的数据表格控件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。