jQuery表格外掛程式:協助Web設計者駕禦HTML表格

來源:互聯網
上載者:User

本文搜集了大量 jQuery 表格外掛程式,協助 Web 設計者更好地駕禦 HTML 表格,你可以對錶格進行橫向和豎向排序,設定固定表頭,對錶格進行搜尋,對大表格進行分頁,對錶格進行滾動,拖放操作等等。這些外掛程式很多都包含詳細的教程。

jQuery 表格外掛程式

Flexigrid – Web 2.0 Javscript Grid for jQuery - 可變列寬,自動適應表頭寬度,可通過 Ajax 串連 XML 資料來源,類似 Ext Grid,但基於 jQuery 因此更輕量小巧。

Chromatable JQuery Plugin - 固定表頭,可滾動內容區,內容區滾動的時候表頭位置保持不變。

Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列寬調整,分頁,排序,行列式樣等功能(示範)。

JQTreeTable - 在表格中加入樹形結構

Scrollable HTML table - 將普通 HTML 表格變為可滾動狀態。將表頭部分放入 THEAD 區,內容部分放入 TBODY 區,腳註部分放入 TFOOT 地區,引用 webtoolkit.scrollabletable.js 檔案,然後在每個表格後面建立 ScrollableTable() 對象即可(示範)。

 

KeyTable - 象 Excel 那樣,在儲存格之間巡遊,可以現場編輯。

 

graphTable - 藉助 flot 將 HTML 表格中的內容變成圖形(示範)。

 

DataTables - 非常強大的 jQuery 表格外掛程式,可變寬頁碼瀏覽,現場過濾。多列排序,自動探測資料類型,智能列寬,可從幾乎任何資料來源擷取資料。

 



相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。