當(dāng)需要呈現(xiàn)數(shù)百個(gè)表的數(shù)據(jù)時(shí)，展示和可訪問性扮演著至關(guān)重要的角色。在這種情況下，倘若一個(gè)數(shù)據(jù)網(wǎng)格能夠支持大量數(shù)據(jù)集的HTML Table并提供諸如排序、搜索、過濾和分頁(yè)等功能，那是棒棒噠。在這篇文章中，將介紹8個(gè)用于創(chuàng)建優(yōu)雅表格的js工具。

SigmaGrid

SigmaGrid是一個(gè)開源的Ajax數(shù)據(jù)表格組件，可以在一個(gè)可滾動(dòng)和可排序的表格中展示和編輯數(shù)據(jù)。了解更多，戳此：learn more

Ingrid

Ingrid是一個(gè)低調(diào)的JQuery組件，支持?jǐn)?shù)據(jù)網(wǎng)格添加行為（列調(diào)整、分頁(yè)、排序和設(shè)置列、行的樣式等等）了解更多，戳此：learn more

TableKit

TableKit基于Prototype框架，用于增強(qiáng)HTML表格的功能。了解更多，戳此：TableKit

MyTableGrid

MyTableGrid是基于JavaScript的數(shù)據(jù)表格，并依賴于Prototype。它允許你用一種簡(jiǎn)單靈活的方式來(lái)展現(xiàn)你的數(shù)據(jù)。了解更多，戳此：MyTableGrid

DataTables – Data Table jQuery plugin

DataTables是一個(gè)JQuery插件，具有高度的靈活性，添加了高級(jí)交互控制。了解更多，戳此：DataTables

jTPS – Datatable jQuery Plugin

jTPS提供了分頁(yè)、動(dòng)畫滾動(dòng)頁(yè)面和aa智能自然排序能力，是一個(gè)JQuery插件。了解更多，戳此：jTPS

SortedTable

SortedTable是另一個(gè)數(shù)據(jù)表格組件，結(jié)合了排序、行選擇和移動(dòng)動(dòng)能。它的排序功能支持不同的數(shù)據(jù)類型。了解更多，戳此：SortedTable

dhtmlxGrid

dhtmlxGrid是Ajax驅(qū)動(dòng)的網(wǎng)格控件，支持不同的數(shù)據(jù)格式，如XML、JSON, CSV, HTML table和自定義的XML格式。了解更多，戳此：dhtmlxGrid

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