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