創建優雅表格的8個js工具

jopen 9年前發布 | 9K 次閱讀 表格
 

當需要呈現數百個表的數據時,展示和可訪問性扮演著至關重要的角色。在這種情況下,倘若一個數據網格能夠支持大量數據集的HTML Table并提供諸如排序、搜索、過濾和分頁等功能,那是棒棒噠。在這篇文章中,將介紹8個用于創建優雅表格的js工具。

SigmaGrid

SigmaGrid是一個開源的Ajax數據表格組件,可以在一個可滾動和可排序的表格中展示和編輯數據。了解更多,戳此: learn more

創建優雅表格的8個js工具

Ingrid

Ingrid是一個低調的JQuery組件,支持數據網格添加行為(列調整、分頁、排序和設置列、行的樣式等等)了解更多,戳此: learn more

創建優雅表格的8個js工具

TableKit

TableKit基于Prototype框架,用于增強HTML表格的功能。了解更多,戳此: TableKit

創建優雅表格的8個js工具

MyTableGrid

MyTableGrid是基于JavaScript的數據表格,并依賴于Prototype。它允許你用一種簡單靈活的方式來展現你的數據。了解更多,戳此: MyTableGrid

創建優雅表格的8個js工具

DataTables – Data Table jQuery plugin

DataTables是一個JQuery插件,具有高度的靈活性,添加了高級交互控制。了解更多,戳此: DataTables

創建優雅表格的8個js工具

jTPS – Datatable jQuery Plugin

jTPS提供了分頁、動畫滾動頁面和aa智能自然排序能力,是一個JQuery插件。了解更多,戳此: jTPS

創建優雅表格的8個js工具

SortedTable

SortedTable是另一個數據表格組件,結合了排序、行選擇和移動動能。它的排序功能支持不同的數據類型。了解更多,戳此: SortedTable

創建優雅表格的8個js工具

dhtmlxGrid

dhtmlxGrid是Ajax驅動的網格控件,支持不同的數據格式,如XML、JSON, CSV, HTML table和自定義的XML格式。了解更多,戳此: dhtmlxGrid

創建優雅表格的8個js工具

本文根據@Nicolas Bevacqua的 《8 useful js tools for better HTML tables》 所譯,整個譯文帶有我自己的理解與思想,如果譯得不好或有不對之處還請同行朋友指點。如需轉載此譯文,需注明英文出處: http://www.designer-daily.com/8-useful-js-tools-for-better-html-tables-52869/

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!