# @ag-grid-community/all-modules 中文文档

规范地址：https://npmcn.com/package/%40ag-grid-community/all-modules/

版本：27\.3\.0
npm 元数据更新时间：2022-07-22T09:26:52.355Z
中文译文更新时间：2026-11-05T18:29:40.173Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40ag-grid-community/all-modules
原文对照：https://npmcn.com/package/%40ag-grid-community/all-modules/?lang=original
项目主页：https://www.ag-grid.com/
源码仓库：https://github.com/ag-grid/ag-grid

弃用说明：Package no longer supported\. Contact Support at https://www\.npmjs\.com/support for more info\.

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：28.1 MB，344 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：4 个
- 首次发布：2019-11-05T10:35:52.122Z
- 最新版本发布：2022-05-17T07:19:04.984Z
- 近 30 天下载量：67418（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：28（近 12 个月 0 个）

## 中文简介

高级数据网格 / 数据表 支持 Javascript / Typescript / react / Angular / Vue

## 安装

```sh
npm install @ag-grid-community/all-modules
```

也可以使用：`pnpm add @ag-grid-community/all-modules`、`yarn add @ag-grid-community/all-modules`、`bun add @ag-grid-community/all-modules`

## README

![alt text](https://npmcn.com/package/%40ag-grid-community/all-modules/github-banner.png "AG Grid")

[![CDNJS](https://img.shields.io/cdnjs/v/ag-grid.svg)](https://cdnjs.com/libraries/ag-grid) [![npm](https://img.shields.io/npm/dm/ag-grid-community.svg)](https://www.npmjs.com/package/ag-grid-community) [![npm](https://img.shields.io/npm/dt/ag-grid-community.svg)](https://www.npmjs.com/package/ag-grid-community)

# AG 网格

AG Grid是一个全版和高度自定义的JavaScript数据网格. 它能提供 [杰出业绩](https://www.ag-grid.com/example.php?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github),没有第三方依赖关系,并且 [与所有主要 JavaScript 框架顺利整合](https://www.ag-grid.com/javascript-grid/getting-started/?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github)。 。 。 .

以下是我们使用多个过滤器和分组功能的网格外观:

![alt text](https://npmcn.com/package/%40ag-grid-community/all-modules/github-grid-demo.jpg "AG Grid demo")

## 特征

除了从任意网格中期待的一套标准特性外:

-   列相互作用(大小调整、顺序调整和指针列)
-   倾斜
-   排序
-   行选择

以下是AG Grid突出的一些特征:

-   分组/汇总\*
-   自定义过滤
-   本地单元格编辑
-   记录懒惰装入\*
-   服务器- Side 记录操作 \*
-   直播流更新
-   等级数据支持和树视图 \*
-   自定义外观
-   自定义单元格内容
-   类似外壳的支点 \*
-   状态持久性
-   键盘导航
-   数据导出为 CSV
-   数据导出为 Excel \*
-   行重排顺序
-   复制/ 粘贴
-   列宽
-   固定行
-   全宽行

\* 标有星号的特征可在 [企业版](https://www.ag-grid.com/license-pricing.php?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github) 只有这个.

看看这个 [开发者文档](https://www.ag-grid.com/documentation/?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github) 完整的特征清单或访问清单 [我们的官方文件](https://www.ag-grid.com/features-overview/?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github) 用于教学和功能演示.

## 寻找具体的框架解决办法?

-   [从角开始](https://www.ag-grid.com/angular-grid/getting-started/?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github)
-   [以反应开始](https://www.ag-grid.com/react-grid/getting-started/?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github)
-   [从 Vue 开始](https://www.ag-grid.com/vue-grid/getting-started/?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github)

## 开始

### 安装依赖关系

```sh
$ npm install --save @ag-grid-community/core
```

### 在 HTML 中添加占位符

```html
<div id="myGrid" style="height: 150px; width: 600px" class="ag-theme-alpine"></div>
```

### 导入网格和样式

```js
import { Grid } from '@ag-grid-community/core';

import '@ag-grid-community/core/dist/styles/ag-grid.css';
import '@ag-grid-community/core/dist/styles/ag-theme-alpine.css';
```

### 设置配置

```js
var gridOptions = {
    columnDefs: [
        { headerName: 'Make', field: 'make' },
        { headerName: 'Model', field: 'model' },
        { headerName: 'Price', field: 'price' }
    ],
    rowData: [
        { make: 'Toyota', model: 'Celica', price: 35000 },
        { make: 'Ford', model: 'Mondeo', price: 32000 },
        { make: 'Porsche', model: 'Boxster', price: 72000 }
    ]
};
```

### 初始化网格

```js
var eGridDiv = document.querySelector('#myGrid');
new Grid(eGridDiv, this.gridOptions);
```

有关如何将电网整合到您的项目中的更多信息,请参见 [类型脚本 - 有 Webpack 2 的大楼](https://www.ag-grid.com/javascript-grid/building-typescript/?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github)。 。 。 .

## 问题报告

如果您找到错误, 请在此仓库中报告 [问题](https://github.com/ag-grid/ag-grid/issues) 节。 如果您使用企业号版本,请使用私人售票系统进行. 有关支援的更多信息,请参见我们 [专用支持页](https://www.ag-grid.com/support.php?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github)。 。 。 .

## 问问题

寻找类似的问题 [叠叠流](https://stackoverflow.com/questions/tagged/ag-grid) 使用 `ag-grid` 标签。 如果看起来没什么关系,就在那里发布新的信息。 请不要使用 GitHub 问题来提问 .

## 捐款

AG Grid由伦敦的同地开发者团队开发. 如果你想加入球队 检查我们 [任务板](https://www.ag-grid.com/ag-grid-jobs-board/?utm_source=@ag-grid-community/all-modules-readme&utm_medium=repository&utm_campaign=github) 或发送您的应用程序到 [数据信息@ag-grid.com](mailto:info@ag-grid.com)。 。 。 .

## 许可证

这个项目根据麻省理工学院的许可证获得许可。 见 [自由文件](https://npmcn.com/package/%40ag-grid-community/all-modules/LICENSE.txt) 需要更多信息.

## 常见问题

### @ag-grid-community/all-modules 是什么？

高级数据网格 / 数据表 支持 Javascript / Typescript / react / Angular / Vue注意：该包已被作者标记为弃用——Package no longer supported\. Contact Support at https://www\.npmjs\.com/support for more info\.

### 如何安装 @ag-grid-community/all-modules？

在项目目录运行 npm install @ag-grid-community/all-modules，或使用 pnpm add / yarn add / bun add。

### @ag-grid-community/all-modules 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @ag-grid-community/all-modules 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @ag-grid-community/all-modules 可以商用吗？

@ag-grid-community/all-modules 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @ag-grid-community/all-modules 的下载量有多少？

根据 npm 官方下载统计，@ag-grid-community/all-modules 在 2026/10/05 – 2026/11/03 这 30 天内被下载 67,418 次，日均约 2,247 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @ag-grid-community/all-modules 还在维护吗？

最新版本 27\.3\.0 发布于 2022/05/17（4 年前）；至今共发布 28 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/11/05。作者已将其标记为弃用，新项目建议寻找替代方案。