超棒的网格
这是一个精心策划的数据网格/表格库和资源列表,开发者可能会觉得有用。该列表主要关注基于JavaScript的数据网格库,而非用于页面布局的基于CSS的网格系统。列表按类别字母顺序排列。
目录
库
- ag-grid - 企业级严谨的数据网格解决方案。支持主要的JavaScript框架: Angular 1、Angular2、Aurelia、React、VueJs、Web组件。 有免费和商业许可证。免费版功能有限。
- Bryntum Grid - 一个功能丰富的JS数据网格组件,可与React、Vue和Angular集成。
- FancyGrid - JavaScript网格库,集成了图表和服务器通信功能。 有一个大型表单模块。 支持主要的JavaScript框架: Angular、jQuery、React、VueJs、Web组件。
- Grid.js - 用TypeScript编写的表格插件。集成了React、Vue、Angular和jQuery。它扩展了原生HTML表格。它不提供许多现代企业级网格功能。
- Handsontable - JavaScript电子表格类Excel表格。 支持主要的JavaScript框架:Angular、React、VueJs、Web组件。
- RealGrid - 基于Canvas的专业网格库,面向企业级应用,但几乎所有文档都是韩文。
- RevoGrid - 免费的电子表格网格实现,作为Web组件。能快速高效地处理数百万行和列。适用于任何主流框架(VueJs、React、Ember、Angular)或无框架。
- SpreadJS - JavaScript电子表格、网格和数据展示组件。有.NET版本。 SpreadJS是一个严肃的产品,但文档和示例组织复杂。
- Tabulator - 功能丰富的免费JavaScript表格库。集成了Angular、React和Vue。
特定库
jQuery
- appendGrid - 动态表格输入jQuery插件。具有基本功能。设计看起来有些过时。
- DataTables - 易于使用的库。是jQuery上排名第一的网格解决方案。
- Dynatable - 具有基本功能。最后更新是在2014年!
- Frappe DataTable - 一个简单、现代和交互式的es6数据表库。当前版本存在许多小bug。
- jExcel - jExcel是一个非常轻量级的jQuery插件,用于在浏览器中嵌入与Excel兼容的电子表格。你可以直接从JS数组、JSON甚至CSV文件加载数据到jExcel表格中。
- jsGrid - 具有基本网格功能的轻量级网格库。 作者是DevExpress的前核心架构师。
- jqGrid - 多种网格功能。
- jTable - 所有主要功能,重点关注CRUD操作。
- MiniUI - 一系列小部件集合。有一些基本的网格功能。有PHP、Java和.NET版本。所有文档都是中文。
- ParamQuery - 功能丰富的网格库,但存在许多小bug和旧设计。 功能实现不错。
- SlickGrid - 功能众多。甚至有一个无限功能(100万行)。主题看起来有些过时。产品知名度高。最后更新是在2014年!
- Tablesorter - 小型表格插件,支持排序和几项功能。主要用于在HTML表格上实现快速排序。
AngularJS
- ngx-datatable - 为Angular2精心打造的功能丰富的轻量级数据表。
- ui-grid - 专业完整的网格解决方案。
React
- Griddle - 简单的网格库。
- MUI X Data Grid - 功能丰富的数据网格,对简单项目提供开源许可,对企业用例提供商业许可。高度可定制,同时与Material UI有原生集成。
- react-bootstrap-table2 - Twitter bootstrap的轻量级表格。
- react-datagrid2 - 具有基本网格功能。看起来轻量但功能强大。
- React Data Grid(adazzle) - 类Excel网格组件。功能众多,存在小漏洞。
- React datasheet - 简单且高度可定制的类Excel电子表格。
- React Table - 一个小巧(3kb)但功能丰富的表格库。
- react-virtualized
- fixed-data-table-2
- DevExtreme React Grid - 高性能、基于插件的React数据网格,适用于Bootstrap和Material Design。
- react-smart-data-table - 轻量级React数据表。
- Smart Grid - 具有多项功能的轻量级React网格。
- BaseTable - Autodesk的React网格库。
EmberJS
- ember-table - Addepar的专业网格库。
Vue.js
- vue-table - Vue.js组件,会自动从服务器请求(JSON)数据并在HTML表格中漂亮地显示,带有可交换/可扩展的分页组件。
- vue-tables - Vue.js上的小型表格组件。
- Vuetiful Datatable - Vuetiful是一个基于Vue.js编写的组件框架。虽然没有文档、网站,甚至没有示例链接,但它仍然很有趣。DataTable的链接
- DevExtreme Vue Grid - 高性能、基于插件的Vue数据网格
Dojo
框架
- DevExpress - 大型框架。有AngularJS、Angular 2、Knockout、.NET版本。 网格解决方案:网格、数据透视表、调度器。
- DHTMLX - 最古老的框架之一。API有些过时。 网格解决方案:网格、数据透视表、调度器、树形网格、电子表格。
- EasyUI - 轻量快速的jQuery UI库,包含多种组件。 网格解决方案:网格、树形网格。
- FlexGrid - 快速灵活的JavaScript数据网格,无依赖。FlexGrid与Angular、React、Vue和Web组件等框架深度集成。依赖于Wijmo框架。
- Infragistics(IgniteUI) - 具有.NET、Silverlight、Mobile、JavaScript版本的框架。JavaScript版本名为IgniteUI,基于jQuery的UI。 网格解决方案:网格、树形网格、数据透视表。
- JQWidgets - 基于jQuery的UI库,提供完整的组件列表。 网格解决方案:网格、调度器、树形网格。
- Sencha - 最大的JavaScript框架。API强大。是开发CRM/ERP系统的最严肃的市场解决方案。由于体积庞大,仅用于SP复杂解决方案。无jQuery或AngularJS集成。 自6.2版本起提供Material Design主题。 有一个外部产品的.NET版本 - Ext.NET。 网格解决方案:具备所有功能的网格、树形网格、数据透视表、日历、电子表格、无限滚动。 有一个基于ExtJS的第三方甘特图和调度器 - bryntum
- ShieldUI - 具有JavaScript、.NET和Java版本的UI框架。 网格解决方案:包括基本和高级功能。但示例中存在一些bug,设计较旧。
- SmartClient - 此列表中最古老的项目。API陈旧,但功能众多。 网格解决方案:具备基本功能的网格。
- Syncfusion - Syncfusion提供完整解决方案,在Angular、React、Vue等多个框架中有50多个组件。 网格解决方案:网格、树形网格、电子表格、数据透视表、甘特图。
- Telerik - Telerik提供Kendo UI JS框架。多种组件。有.NET、MVC和PHP版本。现在有AngularJS 2版本。 网格解决方案:网格、调度器、树形网格、电子表格。
- Vaadin - 基于Polymer的Material Design组件。有AngularJS和Java版本。 网格解决方案:具有基本功能的现代网格,免费许可证(Apache 2.0)。 重要:仅支持最新浏览器版本!
- Webix - 多种组件。有Backbone.js、Angular 1、Angular2、VueJS和自定义集成。 有.NET版本。 网格解决方案:网格、树形网格、调度器、数据透视表、电子表格。
- w2ui - 基于jQuery的轻量框架,仅69kb。 网格解决方案:轻量级网格解决方案。
特定产品
- Cal-Heatmap - 用于创建日历热图以可视化时间序列数据的JavaScript模块。
- Elegantt - Trello的优秀甘特图。
- fullcalendar - 专业的JavaScript日历和日程库。
- productboard - 内部有有趣网格的服务。
- redbooth - 甘特图服务。
- Smartsheet - 流行的网格/Excel管理云服务。
- tablein - 多语言餐厅订桌系统。功能强大。
- wpDataTables - WordPress表格插件。此插件依赖于DataTables
信息图工具
- infogr.am - 云端信息图工具,有轻量级网格组件。