如何在Web上操作大量表格类数据？JavaScript网格/表格库

数据网格（Grid）库允许使用大数据集来处理HTML表格，并提供众多功能，如分页，排序，过滤甚至表格编辑。通过添加.Net或Php脚本或使用JavaScript Grid Libraries，可以在线提供用于将数据网格功能添加到表中的各种选项。

本文为开发人员编制了13个最佳JavaScript数据网格库列表，通过它们可以轻松地将网格功能添加到表格中，并可以执行多个多种功能，如分页，排序和过滤大型数据集。

1. DataTables

DataTables是jQuery JavaScript库的插件。它是一个非常灵活的工具，可以添加高级交互控件到任何HTML表格。该库包括分页，即时搜索和多列排序，并支持几乎任何数据源，如DOM，JavaScript，Ajax和服务器端处理。有两个版本，其中的Editor版本为收费版，提供了如表格内的编辑等功能。免费版如需表格内编辑，则需要自己扩展。但总的来说，DataTables功能非常强悍。个人推荐一下。

2.Handsontable

Handsontable是可扩展的电子表格解决方案。这个开箱即用的解决方案带有CLI工具，因此可以使用任意数量的插件来构建应用。此外，Handsontable是一个空白的画布，所以你可以创建自己的UI。

Handsontable用纯JavaScript编写的，也可以使用AngularJS指令和聚合物组件。

3. JsGrid

jsGrid是基于jQuery的轻量级客户端数据网格控件。它支持基本的网格操作，如插入，过滤，编辑，删除，分页和排序。 jsGrid可以自定义外观和组件。

jsGrid具有灵活的分页组件，可以选择在客户端还是服务器端分页。 jsGrid提供了不同的列类型：文本，数字，选择，复选框等。

4.SlickGrid

SlickGrid是一个JavaScript网格/电子表格组件。它是一个高级组件，学习和配置有点复杂。但一旦你意识到它的全部潜力，它会打动你！SlickGrid具有自适应的虚拟滚动功能，支持jQuery UI主题，渲染速度非常快，包括列自动调整，分组过滤和许多其他有用的功能。

5. FancyGrid

FancyGrid是Web应用程序创建网格的完整解决方案。FancyGrid是一个网格库，带有图表集成 （高图和闪烁），服务器通信和许多其他有用的功能。

该库包括超过25种功能，如分页，排序，过滤，验证，Ajax数据，文件数据，REStful，触摸支持，Angular JS指令等等。

FancyGrid是一个免费的插件库，它没有依赖关系，集成了jQuery和AngularJS。 FancyGrid还有很多Demo，提供专业支持，优雅的API，详细的文档。

还具有与FancyGrid集成的表单模块（FancyForm） 。

6. Ag Grid

ag-Grid是企业级JavaScript数据网格。ag-Grid的目的是提供企业软件可用于构建应用程序（如报告和数据分析，业务流程和数据输入）的数据网格。作者花了几年时间在C ++，Java和JavaScript中构建应用程序，发现JavaScript中缺少网格的选择，特别是与其他语言框架相比。Ag-Grid是将其挫折转化为答案的结果。

7 jqGrid

jqGrid是一个支持Ajax的JavaScript控件，为Web上的表格数据提供了解决方案。通过Ajax回调动态加载数据，因此可以与任何服务器端技术集成，包括PHP，ASP，Java Servlet，JSP，ColdFusion和Perl。

8. jQWidgets

jQWidgets为构建专业网站和移动应用提供了全面的解决方案。基于开放标准和技术，如HTML5，CSS，JavaScript和jQuery。 jQWidgets支持响应式Web开发，并帮助你创建在桌面，平板电脑和手机上看起来很漂亮的应用程序和网站。可以使用jScriptWidgets与TypeScript，流行的框架，如AngularJS，Angular 2，KnockoutJS和服务器端技术，如ASP.NET MVC，PHP，JSP和Node.js

jQWidgets是一个功能完整的框架，包括专业级的触控功能的jQuery小部件、主题、输入验证、拖放插件、数据适配器、内置WAI-ARIA辅助功能，国际化和MVVM支持。

9.W2ui

w2ui库是一组相互关连的jQuery插件。它不是jQuery的adhoc端口，但最初是用jQuery开发的。没有其他框架的支持，如prototype或dojo。w2layout对象允许创建最多6个面板的可拉伸和可调整大小的布局。面板包括顶部，左侧，主要，预览，右侧和底部。你不必创建和初始化所有6个面板，而只需要创建需要的面板。

开箱即用的w2ui库是一体化解决方案。它包含所有最常见的UI小部件：布局，网格，边栏，选项卡，工具栏，弹出窗口，字段控件和窗体。

10. EmberTable.js

Ember Table允许通过显示出来的行来处理非常大的数据集。它被设计为具有易于理解和扩展的API的ember组件。包括了延迟渲染，支持数百万行，支持列大小调整和重新排序，易于配置，可定制和可扩展。

11 dhtmlxGrid

dhtmlxGrid是一个功能齐全的JavaScript网格控件，提供尖端的功能，强大的数据绑定和大型数据集的高性能。丰富而直观的JavaScript API使网格具有高度的可定制性和易于使用的功能。 dhtmlxGrid可以从不同的数据源加载数据：XML（支持自定义格式），JSON，CSV，JavaScript数组和HTML表。

通过这个js网格视图组件，可以轻松地创建漂亮的，支持Ajax的表格，具有丰富的单元格编辑，内置的过滤，搜索和分组功能。智能渲染和分页支持即使在大数据集中也能确保快速载入速度。提供了很多事件，从而可以向网格添加必要的交互性。

12 jQuery KingTable

KingTable是用于管理后台的jQuery插件，可以根据其输入数据构建自己。它支持客户端和服务器端分页;客户端和服务器端搜索;定制过滤器视图;自动菜单可隐藏和重新排列列，并支持自定义工具。客户端导出功能为：csv，json和xml格式。

13.ApeendGrid

appendGrid允许逐行输入结构化数据，例如填充电子表格。它允许在网格中添加/删除/插入/删除行。输入/选择/文本区域控件被很好地命名为提交给服务器端应用程序，如ASP.NET/PHP/JSP。多个选项和回调事件可用于适应每种情况。

镇楼