【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

helloworld_01824035
• 阅读 330

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid


【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

AG Grid是一个客户端

JavaScript网格

旨在与框架无关

它不依赖于任何框架

因此可以轻松地与任何框架集成


【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid


AG Grid支持具有相同API的多个框架

通过为每个框架量身定制的GUI层

获得更好的开发人员体验和性能

提供Community及Enterprise两个版本

其中Enterprise版本是完全免费地

Enterprise版本则提供

其他数据网格无法提供的功能

例如:透视、分组、集成图表等



【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

开发商介绍

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

AG Grid是英国一家独立自主科技软件公司,由开发人员为开发人员而建立。


【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid


AG Grid目前提供两个版本地产品,分别是AG Grid Community和AG Grid Enterprise,AG Grid Community是免费和开源的,AG Grid Enterprise 提供专门的支持和更多企业风格的功能。AG Grid 免费提供其他网格工具的收费功能,而AG Grid Enterprise 提供了更多强大地功能。


AG Grid每月下载量超过120万次,超过80%的世界500强企业使用AG Grid Enterprise。AG Grid已成为企业JavaScript开发人员首选的JavaScript数据网格。




【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

为什么选择AG Grid

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
01

AG Grid中的“ag”代表 AGnostic

AG Grid具有零依赖项,例如Angular或React,AG Grid甚至不使用JQuery、Underscore或LoDash。AG Grid的基础是专门为AG Grid设计的定制框架。没有依赖意味着AG Grid 可以与任何框架一起工作——AG Grid称这个框架不可知。


与框架无关,您可以分别选择框架和数据网格。它还减少了移动框架时所需的工作(例如,从Angular 1移动到 Angular,VueJS到React等)。


如果您选择了一个与框架无关的数据网格(例如使用Angular编写),那么您将被锁定在该框架中。

02

扩展到数据网格的复杂要求

几乎所有其他JavaScript数据网格都开始解决特定问题(例如过滤器和排序,或数据透视表),但随后无法扩展。这些设计不能扩展到数据网格的复杂要求。


AG Grid构建AG Grid是因为没有其他数据网格能够满足AG Grid的开发需求,正如AG Grid在AG Grid的历史中所解释的那样


AG Grid的坚固设计使其能够管理:

  • 数据网格的核心特征和;

  • 其他网格中不存在的项目,例如旋转。

03

集成

AG Grid与Angular和React等框架集成。这意味着AG Grid 不仅可以作为React或Angular组件使用,它还允许您在AG Grid中使用React和Angular进行自定义单元格渲染。


AG Grid不知道有任何其他网格组件允许您从网格内的任何这些框架中进行选择,同时保持不可知论。

04

专用框架GUI支持

AG Grid有一组用于主网格的核心代码。


AG Grid为每个框架都有专用的 GUI 包,这允许AG Grid为每个框架提供相同的 Grid API 并提供更专用的框架支持。


AG Grid的 React 包完全是用 React 编写的,因此所有用于自定义 Hook 和使用 React 开发工具的常规 React 方法都可以正常工作。网格的 GUI 元素是纯 React。


AG Grid的 Angular 包是完全类型化的,并且完全支持 TypeScript,使其成为无缝的 Angular 开发人员体验。


大多数网格选择一个框架,或者是通用的 JavaScript,导致框架体验效果不佳。AG Grid提供跨所有框架的核心 API 体验,并针对每个框架针对特定的开发人员进行了增强。

05

企业版功能

AG Grid免费提供其他电网的收费。没有理由购买另一个数据网格。AG Grid的企业版包含超越市场上其他数据网格的功能。


目前几乎找不到有任何其他网格提供与AG Grid相同级别的企业功能。


AG Grid通常用作其他网格竞争的基线。一些竞争网格仍在开发AG Grid多年来提供的功能,例如分组、旋转、范围选择。


AG Grid提供了其他网格无法比拟的功能,例如AG Grid的集成图表解决方案 允许用户在无需任何开发工作的情况下直观地探索数据。


AG Grid将所有功能添加到一个网格中。AG Grid不会为树形布局、数据透视表或不同的框架创建单独的网格。一个网格,跨所有框架的相同功能和API。

06

开源

AG Grid 和 AG Grid-Enterprise 都是开源的——AG Grid 是免费的,AG Grid Enterprise 需要许可证。这两套代码都可以在 Github 上找到,您可以在其中查看代码并提出问题和拉取请求。开源性质允许社区为 AG Grid 团队提供建议并充当代码审查者。闭源项目没有相同的社区支持或知名度。

07

免费和商业

AG Grid有免费版和商业版。这使每个人都可以从AG Grid中受益,即使他们的预算有限。


商业版本为项目的发展提供资金。这保证了AG Grid项目将继续进行,同时还免费提供更好的标准JavaScript数据网格。


这还允许您使用免费社区版探索、评估和试验AG Grid,而无需参与销售流程,并且您的评估可以根据需要进行。

09

拓展性和灵活性

AG Grid有一个API,支持开发人员构建高级功能和扩展网格。


开发人员欣赏将自定义组件和样式添加到网格中的所有钩子和功能。


AG Grid是如此灵活,以至于有些公司和开源项目已经构建了产品来为网格创建新的主题和新的 GUI 功能,而核心网格功能保持不变。例如适应性工具


AG Grid的API和无依赖包意味着 AG Grid 也可作为许多 Data Vizualisation 和 ML 工具(如 R 和 Streamlit)的插件使用。

10

永远进步

AG Grid专注于集成到网格中的核心功能。AG Grid不提供组件库,因为AG Grid所有的开发工作都致力于打造更好的网格。AG Grid不想接管您的整个应用程序开发过程,AG Grid希望使您能够创建高性能和可扩展的数据网格可视化系统。



【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

AG Grid企业级功能

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
01

聚合

分组时,您还可以进行聚合以获取数据的聚合值,即总和、最小值、最大值等。使用内置聚合函数或创建自己的聚合函数。【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

02

剪贴板

从剪贴板复制和粘贴数据。用户将能够在 Excel 中编辑数据,然后在完成后将数据复制回网格中。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

03

栏目菜单

列菜单从列标题下拉。使用默认选项或提供您自己的选项。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

04

上下文菜单

右键单击单元格时会出现上下文菜单。使用默认选项或提供您自己的选项。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

05

Excel导出

以本机Excel格式导出,该格式将保持列宽并允许导出样式。例如,您可以为网格中的单元格着色,并在 Excel 导出中为等效的单元格着色。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

06

分组行

使用分组行将数据分组到选定的维度上。您可以将数据设置为按特定列分组,或者允许用户拖放他们选择的列并动态分组。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

07

主/细节

使用Master Detail扩展行并在内部有另一个包含不同列的网格。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

08

项目

AG Grid有一个API,支持开发人员构建高级功能和扩展网格。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

09

范围选择

将鼠标拖到单元格上以创建范围选择。这对于突出显示数据或复制到剪贴板非常方便。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid


10

设置过滤器

Set Filter的工作方式与Excel类似,提供复选框以从集合中选择值。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

11

工具面板

工具面板允许用户操作列列表,例如显示和隐藏,或拖动列进行分组或旋转。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid


12

树数据

例如,一个文件夹可以包含零个或多个文件和其他文件夹。使一个或多个网格水平对齐,以便一个网格中的任何列更改都会影响另一个网格。这允许具有不同数据的两个网格保持水平同步。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid




【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

集成图表

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid
【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

图表功能与网格深度集成。这种集成为用户提供了无缝的图表体验,同时将开发人员所需的编码降至更低。


用户创建的图表


01

范围图

范围图表为用户从网格内部创建图表提供了一种快速简便的方法。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

02

数据透视图

数据透视图允许用户从网格内部绘制所有分组和透视的数据。当网格中的透视模式处于活动状态时,透视图菜单项将出现在网格的上下文菜单中。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

03

交叉过滤图表 API

交叉过滤图表允许用户以简单直观的方式与数据交互。单击图表元素会自动过滤网格和其他交叉过滤图表中的值。

【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid



点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Karen110 Karen110
2年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Stella981 Stella981
2年前
Node.js简介及如何学习Node.js
本文介绍Node.js的诞生史以及如何学习Node.js。Node.js简史从Node.js的命名上可以看到,Node.js的官方开发语言是JavaScript。之所以选择使用JavaScript,显然与JavaScript的开发人员多有关。总所周知,JavaScript是伴随着互联网的发展而火爆起来的,JavaScript也是前
Stella981 Stella981
2年前
Html5添加三联切换仿3D效果旋转木马jQuery插件教程
一、使用方法<script type"text/javascript" src"js/jquery.min.js"</script<script type"text/javascript" src"js/gallery.js"</script   二、Html结构<div id"wrapper"<div id"mai
Stella981 Stella981
2年前
JavaScript的 基本数据类型
第一:Javascript对象是第二:Javascript中第三:Javascript的对象是数据;第四:JavaScript中的对象可以简单理解成"名称:值"对(name:value)。名称(name):"名称"部分是一个JavaScript字符串参考https://www
Stella981 Stella981
2年前
Android So动态加载 优雅实现与原理分析
背景:漫品Android客户端集成适配转换功能(基于目标识别(So库35M)和人脸识别库(5M)),导致apk体积50M左右,为优化客户端体验,决定实现So文件动态加载.!(https://oscimg.oschina.net/oscnet/00d1ff90e4b34869664fef59e3ec3fdd20b.png)点击上方“蓝字”关注我
Wesley13 Wesley13
2年前
1162. 地图分析
你现在手里有一份大小为 NxN的『地图』(网格) grid,上面的每个『区域』(单元格)都用 0 和 1 标记好了。其中 0 代表海洋,1 代表陆地,你知道距离陆地区域最远的海洋区域是是哪一个吗?请返回该海洋区域到离它最近的陆地区域的距离。我们这里说的距离是『曼哈顿距离』( ManhattanDistance):(x0,y
Stella981 Stella981
2年前
Essential Studio for UWP发布2017 v2,新增甘特图控件
EssentialStudioforUWP(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.evget.com%2Fproduct%2F3894)是包含有35组件的综合套包,包括最快的图表和网格组件。所有组件根据当前被呈现的设备系列自适应渲染。EssentialStu
Wesley13 Wesley13
2年前
Unity Mesh基础系列(一)生成网格(程序生成)
目录1渲染事物2创建顶点网格3创建Mesh4生成附加顶点数据本文主要内容:1、创建一个点阵网格2、用协程分析点阵网格的位置3、用三角形定义表面4、自动生成法线5、增加纹理坐标和切线在本教程中,我们将创建一个由顶点和三角形组成