如果翻译不准确，请见谅。
尽管世界上存在许多具有类似功能的数据网格库，但并非所有这些库都完全适合您的业务和应用程序用例。 在为您的应用程序选择正确的数据网格库时，您必须考虑其功能集、性能和其他激励因素。 在本文中，了解一些流行的数据网格库，它们对于任何数据密集型应用程序来说都是一个很好的补充。
但首先，让我们来解释一下什么是数据网格。 数据网格是一个表组件，通常用于加载、呈现和操作小型数据集。 它们通常带有扩展功能，例如数据过滤、排序、选择、流式传输、聚合、高度可配置的列和行等，以帮助用户更好地读取和处理海量数据集。 更专业的数据网格甚至嵌入其他组件（例如图表）并启用表内编辑。 由于数据网格处理的数据量巨大，因此在构建数据网格时通常会考虑到效率和简化性能。 此外javascript 表单验证，它们通常具有高度可定制性和可扩展性，以满足与其提供的数据相关的利基用例。
数据网格可以应用于各种用例。 首先，您可以将它们用于简单的表格，同时利用它们增强的搜索、过滤、聚合和功能。 数据网格对于 KPI 仪表板至关重要，可以从多个数据源获取多个指标的统一视图。 它们有用的另一个领域是财务仪表板，其中跟踪和可视化会计和财务信息至关重要。 数据网格还帮助库存管理系统跟踪和管理发货、订单、销售和其他业务运营。 这些只是他们可以发挥作用的几个例子。
本文介绍了专门为处理小型数据集而设计的流行数据网格库的列表。 他们将针对许多不同的触发因素进行评估：
AG网格
AG网格是一个成熟、快速的数据网格，具有以下功能：
它最初是为 Angular 设计的，现在还支持 JavaScript、React 和 Vue。 它支持实时数据流。 网格的布局及其列和行样式可以通过主题和 CSS/SASS 样式进行自定义。 “附件”、外部组件和图表可以添加到其中以扩展其功能。
虽然它提供免费的开源社区版本，但它确实提供具有扩展功能的许可付费企业版本。 其网站上提供的文档非常丰富，但 AGGrid 仅为其企业产品提供专门支持。
布林顿网格
Bryntum Grid 是一个纯 JavaScript 跨浏览器兼容的高性能数据网格。 虽然它具有丰富的功能集，但一些更值得注意的功能包括：
它可以与任何后端框架集成，包括 Angular、React 和 Vue。 BryntumGrid 通过虚拟渲染进行了优化，以实现卓越的渲染和滚动性能。
Bryntum 提供各种级别的培训、网络研讨会、指南和广泛支持，在学习使用网格时派上用场。 其API文档功能强大，涵盖多个后端框架，其网站上有大量实时演示展示网格的强大功能。
汉森表
Handsontable 是一个类似电子表格的数据网格，具有以下值得注意的功能：
它适用于纯 JavaScript、Angular、React 和 Vue。 Handsontable 可以有效地处理小型数据集，而不会出现性能问题。 您可以构建和使用自己的自定义插件来扩展网格的功能，其 API 文档非常全面，其网站提供了许多示例、指南、案例研究和开发人员峰会。
DHTMLXJavaScript 数据网格
DHTMLXJavaScript DataGrid 是作为 DHTMLXSuite UI 小部件库的一部分分发的网格。 它的一些重要功能包括：
DHTMLXDataGrid 与 React、Angular 和 Vue 兼容。 网格的行、单元格、页脚、标题和工具提示可以通过其 API 使用 CSS 样式和模板进行自定义。 它包含的库不是开源的。 它有一个免费的标准版本，API 有限，有时使组件适应基本的专业要求变得乏味且几乎不可能。 其PRO付费许可版本附带扩展功能来解决上述问题。 在其网站上，您可以找到深入的文档、示例、演示和社区峰会。 扩展技术支持仅包含在 PRO 版本中。
Kendo UI 数据网格
KendoUI 网格是一个数据网格，是 KendoUI 库的一部分，它捆绑了其他几个组件。 它的一些基本功能包括：
KendoUI 库可用于 jQuery、Angular、Vue 和 React。 网格支持实时数据加载。 这些库是其发布的每个框架的原生库，而不是包装器。 因此，它们具有快速的本机性能。 其列和行虚拟化功能仅渲染网格的可见部分，以获得更好的性能。 库提供的主题可用于自定义网格。 库中可用的其他组件可以嵌入网格中以扩展其功能。 该库不是开源的，也不是免费的。 该网格有全面的文档、演示和示例，其网站有一个知识库。 它还设有社区峰会和反馈门户。 为订购许可证的客户提供扩展支持服务。
DevExtreme数据网格
DevExtreme 数据网格是 DevExtreme 组件套件的一部分。 其显着特点包括：
该套件与 jQuery、Angular、React 和 Vue 兼容。 它有一个免费的非商业许可证，但功能有限。 其完整许可版本不是免费的，但启用了专业功能。 对于小型数据集，可以在服务器端加载和绑定网格。 然而，由于网格中有超过 10,000 行，因此在滚动时很容易注意到帧速率峰值。 该套件提供了一个主题生成器javascript 表单验证，您可以使用它为数据网格生成自定义主题。 在 DevExtreme 网站上，有演示、代码示例、大量文档、网络研讨会，如果遇到错误，您可以提交票证。 专门支持仅适用于完整许可证持有者。
融合网格
FusionGrid 是一个数据网格，是 FusionCharts 库的一部分。 它具有以下功能：
FusionGrid 为非商业用途提供免费许可证。 企业客户必须为每个定价层订购许可证。 该网格可与常见的 JavaScript 和后端框架（例如 Angular、React 和 Vue）配合使用。 FusionGrid支持加载小型数据集而不影响性能。 它不是开源的，其网站提供的文档和示例有限。
制表机
Tabulator 是一个开源免费数据网格，具有丰富的功能集，包括：
它是用纯 JavaScript 编写的，可与多个后端框架配合使用，包括 Angular、React 和 Vue。 使用虚拟化 DOM 快速渲染小型数据集。 网格自定义仅限于 CSS 样式。 它的网站上有全面的文档和示例。 其背后充满活力的贡献者社区可以在 Discord 和 GitHub 上进行互动。
Toast UI 网格
ToastUI 网格是 ToastUI 库的一部分。 它的一些显着特征是：
网格是免费且开源的。 它分为三个包，分别是纯 Javascript、React 和 Vue。 其改进的虚拟滚动功能使您可以加载小型数据集，而无需提高性能。 可以使用主题自定义网格，以获得独特的外观和感觉。 其网站提供了有关网格的详细文档和详尽的示例。
柔性网格
FlexGrid 是 GrapeCityWijmo UI 组件库的一部分。 它的一些功能包括：
FlexGrid 可用于 Angular、React、Vue 和 PureJS。 它的包很小，网格速度很快，加载也很快。 您可以使用数据映射自定义单元格内容。 然而，Wijmo 不是免费或开源的。 GrapeCity 网站提供深入的文档、知识库、论坛、案例研究、白页、演示、网络研讨会和视频内容。 技术支持以折扣价提供，并且与许可证订阅分开。
花式网格
FancyGrid 是一个带有图表集成的网格库。 其显着特点包括：
该库适用于纯 JavaScript、Angular、React、Vue 和 jQuery。 您可以通过嵌入图表并使用它提供的主题对其进行自定义来扩展其功能。 其源代码可在 Github 上获取，并且许可证有多个级别。 它的文档非常好，有详尽的示例。 通过 Slack 和其他沟通渠道向被许可方提供技术支持。
Webix 数据表
Webix DataTables 是 WebixUI 库的一部分，包含以下功能：
Webix 提供免费和付费许可级别。 它适用于 jQuery、Angular、React 和 Vue。 它的组件很小并且用纯 JavaScript 编写。 然而，缺乏行虚拟化使得该组件不适合大型数据集，除非使用分页。 您只能使用 CSS 自定义网格。 该库的标准版本是免费且开源的，而您需要订阅许可证才能访问其企业版本。 他们的网站上提供了详细的文档、网络研讨会、教程和示例。 仅向许可证持有者提供技术支持。
写在最后
数据网格对于开发任何现代 SaaS 或内部关键业务应用程序都至关重要。 一个好的表格组件应该提供中级功能，例如可配置的单元格、行和列、排序、过滤、分组、汇总等。
数据网格主要提高可读性并使操作小数据集变得更容易。 专业的数据网格还应该能够处理大量数据而不影响应用程序性能。 它们还需要可定制和可扩展，以适应与其提供的数据相关的利基用例。 选择数据网格库时，您必须考虑它使用的框架、定价、许可、技术支持以及其功能集是否适合您的业务需求。
推荐
