HTML中建立優雅表格八大JS工具不能缺

HTML中建立優雅表格八大JS工具不能缺

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

SigmaGrid

SigmaGrid是一個開源的Ajax資料表格組件，可以在一個可滾動和可排序的表格中展示和編輯資料。瞭解更多，戳此：learn more

Ingrid

Ingrid是一個低調的JQuery組件，支援資料格添加行為列調整、分頁、排序和設定列、行的樣式等等）瞭解更多，戳此：learn more

TableKit

TableKit基於Prototype架構，用於增強HTML表格的功能。瞭解更多，戳此：TableKit

MyTableGrid

MyTableGrid是基於JavaScript的資料表格，並依賴於Prototype。它允許你用一種簡單靈活的方式來展現你的資料。瞭解更多，戳此：MyTableGrid

DataTables – Data Table jQuery plugin

DataTables是一個JQuery外掛程式，具有高度的靈活性，添加了進階互動控制。瞭解更多，戳此：DataTables

jTPS – Datatable jQuery Plugin

jTPS提供了分頁、動畫滾動頁面和aa智能自然排序能力，是一個JQuery外掛程式。瞭解更多，戳此：jTPS

SortedTable

SortedTable是另一個資料表格組件，結合了排序、行選擇和移動動能。它的排序功能支援不同的資料類型。瞭解更多，戳此：SortedTable

dhtmlxGrid

dhtmlxGrid是Ajax驅動的網格控制項，支援不同的資料格式，如XML、JSON, CSV, HTML table和自訂的XML格式。瞭解更多，戳此：dhtmlxGrid

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