12款 JavaScript 表格控件（DataGrid）

JavaScript 表格控件能夠操做大數據集的 HTML表格，提供各類功能，如分頁、排序、過濾以及行編輯。在本文中，咱們整理了13個最好的 JavaScript 表格插件分享給開發人員，開發者能夠很容易地添加表格操做功能到Web應用程序中。

1. DataTables

DataTables插件是爲the jquery JavaScript庫。它是基於高度靈活的工具，在foundations of the will add和漸進加強，先進的交互控制的任何HTML表。這個庫包括pagination即時搜索和多柱幾乎任何數據源supports序和JavaScript，Ajax和DOM類，服務器端處理。

在線預覽

2. Handsontable

Handsontable是用於建立使人敬畏的應用程序的可伸縮電子表格解決方案嗎？。這個現成的解決方案附帶了CLI工具，所以您能夠根據須要建立儘量多的插件。更重要的是，Handsontable是一個空白的畫布，你能夠建立你本身的外觀和感受。

Handsontable用純JavaScript，也可與 AngularJS指令 和聚合物組成。

在線預覽

3. JsGrid

jsGrid是基於jQuery的輕量級客戶端數據網格控件。它支持基本的網格操做，如插入、過濾、編輯、刪除、分頁和排序。jsgrid是靈活的，容許自定義其外觀和部件。

jsGrid有一個靈活的尋呼機容許將數據在客戶端和服務器端。jsgrid提供不一樣的列類型：文本、數字、選擇、複選框和更多。

在線預覽

4. SlickGrid

SlickGrid是一個JavaScript網格/電子表格組件。它是一個高級組件，學習和配置起來會有點困難，可是一旦你意識到它的所有潛力，它就會讓你震驚！SlickGrid自適應虛擬滾動，支持jQuery UI主題，很是快速的渲染速度，易於配置和定製，包括列自動調整大小，分組過濾和許多其餘有用的功能。

在線預覽

5. FancyGrid

FancyGrid是爲Web應用程序建立網格的完整解決方案。fancygrid是網格圖書館配備 圖一體化 （Highcharts和睦泡），服務器的通訊和許多其餘有用的功能。

這個庫包含超過25 + 功能分頁，排序、過濾、驗證、Ajax數據、文件 數據、平安、觸控、角js指令和更多。

FancyGrid是一個插件的免費圖書館，它沒有依賴但jQuery和AngularJS集成。fancygrid還包括樣品數量、專業支持、優雅的API，固然詳細的文件，方便使用。

也有 大窗體模塊（fancyform） 是綜合與FancyGrid。

在線預覽

6. Ag Grid

ag-Grid是企業級JavaScript數據網格。AG網格的目的是提供一個數據網格，企業軟件能夠用於構建應用程序，如報表和數據分析、業務工做流和數據輸入。做者多年來創建在C++應用程序，java和javascript，在JavaScript中缺少發現網格的選擇，尤爲是在其餘語言的框架是什麼比較。AG網格是將挫折轉化爲答案的結果，提供了一個值得企業發展的網格。

在線預覽

7. jqGrid

jqGrid是一個支持Ajax的JavaScript控件，它提供了在Web上表示和操做表格數據的解決方案。因爲網格是一個客戶端的解決方案，動態加載數據經過Ajax回調函數，它能夠集成任何服務器端技術，包括PHP，java servlet、JSP、ASP，ColdFusion，和Perl。

在線預覽

8. jQWidgets

jQWidgets提供構建專業網站和移動應用程序的全面解決方案。它是徹底創建在開放的標準和技術，如HTML五、CSS、JavaScript和jQuery。 jqwidgets 使響應的Web開發和幫助您建立的應用程序和網站，看看美麗的臺式機，平板電腦和智能手機。你可使用jqwidgets流行框架與TypeScript，像AngularJS，角2，像ASP.NET的MVC技術，PHP knockoutjs和服務器端，JSP和Node.js

jQWidgets是一個專業的觸摸功能完整的框架使jQuery插件、主題、輸入驗證、拖放插件，數據適配器，內置WAI-ARIA可達性、國際化和MVVM支持。

在線預覽

9. W2ui

w2ui庫是一組interrellated jQuery插件。它不是一個臨時端口jQuery，但最初用jQuery在頭腦裏造成。沒有支持其餘框架如原型或道場。的w2layout對象容許您建立可伸縮和可調整大小的高達6的面板佈局。面板是頂部，左側，主，預覽，右，和底部。您沒必要建立和初始化全部6個面板，但只須要應用程序中須要的面板。

w2ui圖書館一體化解決方案。它包含全部最多見的UI小部件：佈局、網格、邊欄、製表符、工具欄、彈出框、字段控件和窗體。你不須要拼湊一個不匹配的插件來完成你的目標。

在線預覽

10. EmberTable.js

EmberTable容許您只渲染正在顯示的行來處理很是大的數據集。它是用一個易於理解和擴展的API編寫的。它包括延遲渲染和支持數百萬行，支持列大小調整和從新排序，而且易於配置、可定製和可擴展。

在線預覽

11. dhtmlxGrid

dhtmlxGrid是一個功能全面的JavaScript網格控件，它提供了尖端的功能、強大的數據綁定和大數據集的快速性能。豐富而直觀的JavaScript API使網格具備高度的可定製性和易用性。dhtmlxgrid能夠從不一樣的數據源加載數據：XML（自定義格式），JSON，CSV，JavaScript數組，和HTML表格。

有了這個js網格視圖組件，您就能夠輕鬆地建立具備豐富的單元格編輯、內置過濾、搜索和分組功能的好看的、支持Ajax的表。智能渲染和分頁支持確保快速加載速度，即便是龐大的數據集。許多事件處理程序容許您向網格添加必要的交互性。

在線預覽

12. jQuery King Table

kingtable是一個可以創建本身的行政表格的jQuery插件，對輸入數據的基礎上。它支持客戶端和服務器端分頁；客戶端和服務器端的搜索；自定義過濾器視圖菜單；自動隱藏和列從新排序和自定義工具支持。客戶端導出功能爲：CSV、JSON和XML格式。

在線預覽

13. ApeendGrid

appendgrid容許你輸入結構化數據按行如填表格。它容許您在網格中添加/刪除/插入/刪除行。生成的輸入/選擇/ TextArea控件命名提交到服務器端的應用，如asp.net/php/jsp。可使用多種選項和回調事件來適應各類狀況。

在線預覽

本文固定連接: http://www.i7758.com/archives/2672.html