17個使用AJAX技術的資料表格控制項解決方案(Data Grids with AJAX, DHTML and JavaScript)

 17個使用AJAX技術的資料表格控制項解決方案(Data Grids with AJAX, DHTML and JavaScript) 收藏
 

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。然而，它們也確實提供了非常好的解決方案，也算是物所有值吧。

 

Lance Zhang

本文中的控制項搜集和圖片來源於http://www.smashingmagazine.com/

作者：Lance Zhang（Lance Zhang's Tech Blog）
出處：http://blodfox777.cnblogs.com/
本文著作權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文串連，否則保留追究法律責任的權利。