# @ag-grid-community/locale 中文文档

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

版本：36\.3\.0
npm 元数据更新时间：2026-11-04T09:35:38.565Z
中文译文更新时间：2026-11-05T17:16:05.782Z
软件包许可：MIT

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

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

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

- 包体积（解压后）：17.5 MB，60 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- 首次发布：2024-07-01T08:15:49.671Z
- 最新版本发布：2026-11-04T09:35:38.199Z
- 近 30 天下载量：771480（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：54（近 12 个月 13 个）

## 中文简介

AG Grid 本地化模块,提供46种语言的翻译.

## 安装

```sh
npm install @ag-grid-community/locale
```

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

## README

# JavaScript 数据网格QQJavaScript 表格

[![AG Grid Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Grid-Logo_Light-Theme.svg?raw=true)](https://www.ag-grid.com/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)

#### [网站](https://www.ag-grid.com/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 二. 支助 [页:1](https://www.ag-grid.com/javascript-data-grid/getting-started/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 二. 支助 [社区](https://www.ag-grid.com/community?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)

  
 [![GitHub Release](https://img.shields.io/github/v/release/ag-grid/ag-grid?style=for-the-badge)](https://github.com/ag-grid/ag-grid/releases)[![NPM Downloads](https://img.shields.io/npm/dm/ag-grid-community?style=for-the-badge) ](https://www.npmjs.com/package/ag-grid-community)[![GitHub Repo stars](https://img.shields.io/github/stars/ag-grid/ag-grid?style=for-the-badge) ](https://github.com/ag-grid/ag-grid)[![GitHub forks](https://img.shields.io/github/forks/ag-grid/ag-grid?style=for-the-badge)](https://github.com/ag-grid/ag-grid)  
  
 [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=ag-grid-community&metric=alert_status)](https://sonarcloud.io/dashboard?id=ag-grid-community)[![npms.io Maintenance Score](https://img.shields.io/npms-io/maintenance-score/ag-grid-community) ](https://npm.io/package/ag-grid-community)[![GitHub commit activity](https://img.shields.io/github/commit-activity/m/ag-grid/ag-grid) ](https://github.com/ag-grid/ag-grid/graphs/commit-activity)[![Dependents](https://img.shields.io/librariesio/dependents/npm/ag-grid-community)](https://github.com/ag-grid/ag-grid/network/dependents)  
  

AG 网格是一个 **完全定制** 财务报告和审定财务报表 **高度定制** JavaScript 数据网格. 它能提供 **杰出业绩**,已经 **无第三方依赖关系** 并提供支持 ** [![React Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/react.svg?raw=true) 反应](https://github.com/ag-grid/ag-grid/tree/latest/packages/ag-grid-react)**, (中文(简体) ), ** [![Angular Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/angular.svg?raw=true) 角质](https://github.com/ag-grid/ag-grid/tree/latest/packages/ag-grid-angular)** 财务报告和审定财务报表 ** [![Vue Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/vue.svg?raw=true) 阴道](https://github.com/ag-grid/ag-grid/tree/latest/packages/ag-grid-vue3)**。 。 。 .

  

![High Performance Demo](https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/kitchen-sink-demo-light.gif?raw=true)

[  
![Static Badge](https://img.shields.io/badge/ag%E2%80%93grid.com-Live%20Demo-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D)](https://www.ag-grid.com/example/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)

## \* 概览

**目录**

-   \[JavaScript Data Grid QQ JavaScript 表\] (中文(简体) )
    -   [\* 概览](https://npmcn.com/package/%40ag-grid-community/locale/#readme-overview)
        -   [特征](https://npmcn.com/package/%40ag-grid-community/locale/#readme-features)
        -   [实例](https://npmcn.com/package/%40ag-grid-community/locale/#readme-examples)
    -   [QQ 快速启动](https://npmcn.com/package/%40ag-grid-community/locale/#readme-%EF%B8%8Fquick-start)
        -   [安装](https://npmcn.com/package/%40ag-grid-community/locale/#readme-installation)
        -   [设置](https://npmcn.com/package/%40ag-grid-community/locale/#readme-setup)
        -   [种子项目](https://npmcn.com/package/%40ag-grid-community/locale/#readme-seed-projects)
    -   [QQ 自定义](https://npmcn.com/package/%40ag-grid-community/locale/#readme-%EF%B8%8Fcustomisations)
        -   [自定义组件](https://npmcn.com/package/%40ag-grid-community/locale/#readme-custom-components)
        -   [主题](https://npmcn.com/package/%40ag-grid-community/locale/#readme-themes)
        -   [自定义主题](https://npmcn.com/package/%40ag-grid-community/locale/#readme-custom-themes)
    -   [社区](https://npmcn.com/package/%40ag-grid-community/locale/#readme-community)
        -   [工具扩展( S)](https://npmcn.com/package/%40ag-grid-community/locale/#readme-tools--extensions)
        -   [显示大小写](https://npmcn.com/package/%40ag-grid-community/locale/#readme-showcase)
        -   [星舰](https://npmcn.com/package/%40ag-grid-community/locale/#readme-stargazers)
    -   [++ 辅助](https://npmcn.com/package/%40ag-grid-community/locale/#readme-support)
        -   [企业支助](https://npmcn.com/package/%40ag-grid-community/locale/#readme-enterprise-support)
        -   [错误报告](https://npmcn.com/package/%40ag-grid-community/locale/#readme-bug-reports)
        -   [问 题](https://npmcn.com/package/%40ag-grid-community/locale/#readme-questions)
        -   [捐款](https://npmcn.com/package/%40ag-grid-community/locale/#readme-contributing)
    -   [许可证](https://npmcn.com/package/%40ag-grid-community/locale/#readme-%EF%B8%8Flicense)

AG Grid有两种版本:社区与企业.

-   `ag-grid-community` 根据麻省理工学院的许可可以免费使用,并带有JavaScript Data Grid的所有核心功能,包括 [排序](https://www.ag-grid.com/javascript-data-grid/row-sorting/#sorting?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [过滤](https://www.ag-grid.com/javascript-data-grid/filtering/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [倾斜](https://www.ag-grid.com/javascript-data-grid/row-pagination/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [编辑](https://www.ag-grid.com/javascript-data-grid/cell-editing/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [自定义组件](https://www.ag-grid.com/javascript-data-grid/component-cell-renderer/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [他们](https://www.ag-grid.com/javascript-data-grid/themes/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 还有更多.
-   `ag-grid-enterprise` 具有先进的特性,例如 [AI 工具包](https://www.ag-grid.com/javascript-data-grid/ai-toolkit/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [集成图](https://www.ag-grid.com/javascript-data-grid/integrated-charts/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [公式](https://www.ag-grid.com/javascript-data-grid/formulas/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [行组](https://www.ag-grid.com/javascript-data-grid/grouping/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [合计](https://www.ag-grid.com/javascript-data-grid/grouping/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [支点](https://www.ag-grid.com/javascript-data-grid/pivoting/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [大师/详细情况](https://www.ag-grid.com/javascript-data-grid/master-detail/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [服务器侧行模型](https://www.ag-grid.com/javascript-data-grid/server-side-model/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), (中文(简体) ), [查找](https://www.ag-grid.com/javascript-data-grid/find/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 财务报告和审定财务报表 [导出](https://www.ag-grid.com/javascript-data-grid/excel-export/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 除了我们工程队的全力支援外.

### 特征

| 特性 | AG 网格社区 | AG 网格企业 |
| --- | --- | --- |
| [MCP 服务器](https://www.ag-grid.com/javascript-data-grid/mcp-server/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ (高级) |
| [过滤](https://www.ag-grid.com/javascript-data-grid/filtering/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ (高级) |
| [排序](https://www.ag-grid.com/javascript-data-grid/row-sorting/#sorting?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [单元格编辑](https://www.ag-grid.com/javascript-data-grid/cell-editing/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [CSV 导出](https://www.ag-grid.com/javascript-data-grid/csv-export/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [拖放( D)](https://www.ag-grid.com/javascript-data-grid/drag-and-drop/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [主题和造型](https://www.ag-grid.com/javascript-data-grid/themes/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [选择](https://www.ag-grid.com/javascript-data-grid/row-selection/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [无障碍](https://www.ag-grid.com/javascript-data-grid/accessibility/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [无限滚动](https://www.ag-grid.com/javascript-data-grid/infinite-scrolling/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [倾斜](https://www.ag-grid.com/javascript-data-grid/row-pagination/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [服务器系统数据](https://www.ag-grid.com/javascript-data-grid/server-side-model/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ (高级) |
| [自定义组件](https://www.ag-grid.com/javascript-data-grid/component-cell-renderer/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅ | ✅ |
| [AI 工具包](https://www.ag-grid.com/javascript-data-grid/ai-toolkit/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [集成图](https://www.ag-grid.com/javascript-data-grid/integrated-charts/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [公式](https://www.ag-grid.com/javascript-data-grid/formulas/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [查找](https://www.ag-grid.com/javascript-data-grid/find/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [范围选择](https://www.ag-grid.com/javascript-data-grid/range-selection/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [行分组和汇总](https://www.ag-grid.com/javascript-data-grid/grouping/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [支点](https://www.ag-grid.com/javascript-data-grid/pivoting/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [Excel 导出](https://www.ag-grid.com/javascript-data-grid/excel-export/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [PDF 导出](https://www.ag-grid.com/javascript-data-grid/pdf-export/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [剪贴板操作](https://www.ag-grid.com/javascript-data-grid/clipboard/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [大师/详细情况](https://www.ag-grid.com/javascript-data-grid/master-detail/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [树数据](https://www.ag-grid.com/javascript-data-grid/tree-data/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [列菜单](https://www.ag-grid.com/javascript-data-grid/column-menu/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [背景菜单](https://www.ag-grid.com/javascript-data-grid/context-menu/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [工具面板](https://www.ag-grid.com/javascript-data-grid/tool-panel/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ❌ | ✅ |
| [支助](https://ag-grid.zendesk.com/hc/en-us) | ❌ | ✅ |

> i **说明:**
> 
> 访问 [定价](https://www.ag-grid.com/license-pricing/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 用于进行完整比较.

### 实例

我们创建了多个演示来展示 AG Grid 的丰富功能设定 跨越不同的使用案例。 在下面看到它们,或者与它们互动 [演示](https://www.ag-grid.com/example/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 页 次.

🏦 **财务发展**  

以现场更新和火花为主的财务数据实例:

[![Finance](https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/finance-demo-light.gif?raw=true)](https://www.ag-grid.com/example-finance/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)  

[现场直播](https://www.ag-grid.com/example-finance/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 二. 支助 [源代码](https://github.com/ag-grid/ag-grid-demos/tree/main/finance)

  
📦 **库存**  

用于查看和管理产品的清单数据示例:

[![Finance](https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/inventory-demo-light.gif?raw=true)](https://www.ag-grid.com/example-inventory/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)

[现场直播](https://www.ag-grid.com/example-inventory/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 二. 支助 [源代码](https://github.com/ag-grid/ag-grid-demos/tree/main/inventory)

  
🧑‍💼 **人力资源**  

显示雇员分级数据的人力资源数据实例:

[![Finance](https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/hr-demo-light.gif?raw=true)](https://www.ag-grid.com/example-hr/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)

[现场直播](https://www.ag-grid.com/example-hr/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 二. 支助 [源代码](https://github.com/ag-grid/ag-grid-demos/tree/main/hr)

  

## QQ 快速启动

AG Grid 很容易设置 - 您只需要提供您的数据并定义您的列结构 。 读取香草JavaScript安装指令,或参考我们针对框架的指南 **[![React Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/react.svg?raw=true) 反应](https://www.ag-grid.com/react-data-grid/getting-started/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)**, (中文(简体) ), **[![Angular Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/angular.svg?raw=true) 角质](https://www.ag-grid.com/angular-data-grid/getting-started/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)** 财务报告和审定财务报表 **[![Vue Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/vue.svg?raw=true) 维.](https://www.ag-grid.com/vue-data-grid/getting-started/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)**

### 安装

```sh
$ npm install --save ag-grid-community
```

### 设置

**1\. 提供集装箱**

装入 AG Grid 库并创建容器 div 。 div 应该有一个高度, 因为数据网格会填充母容器的大小 :

```html
<html lang="en">
    <head>
        <!-- Includes all JS & CSS for the JavaScript Data Grid -->
        <script src="https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-grid-community.min.js"></script>
    </head>
    <body>
        <!-- Your Data Grid container -->
        <div id="myGrid" style="height: 500px"></div>
    </body>
</html>
```

**2\. 证实JavaScript数据网格**

在容器内创建数据网格 `createGrid`。 。 。 .

```js
// Grid Options: Contains all of the Data Grid configurations
const gridOptions = {};

// Your Javascript code to create the Data Grid
const myGridElement = document.querySelector('#myGrid');
agGrid.createGrid(myGridElement, gridOptions);
```

**3\. 定义行和列**

```js
// Grid Options: Contains all of the Data Grid configurations
const gridOptions = {
    // Row Data: The data to be displayed.
    rowData: [
        { make: 'Tesla', model: 'Model Y', price: 64950, electric: true },
        { make: 'Ford', model: 'F-Series', price: 33850, electric: false },
        { make: 'Toyota', model: 'Corolla', price: 29600, electric: false },
    ],
    // Column Definitions: Defines the columns to be displayed.
    columnDefs: [{ field: 'make' }, { field: 'model' }, { field: 'price' }, { field: 'electric' }],
};
```

> i **说明:**
> 
> 关于使用AG Grid构建数据网格的更多信息,请参见我们 [文档](https://www.ag-grid.com/javascript-data-grid/getting-started/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=githu)。 。 。 .

### 种子项目

我们还提供 [种子项目](https://github.com/ag-grid/ag-grid-seed) 帮助您启动共同配置 :

| 环境 | 框架 |
| --- | --- |
| [创建反应 App( CRA)](https://github.com/ag-grid/ag-grid-seed/tree/main/enterprise/packages/create-react-app) | ![React Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/react.svg?raw=true) |
| [维特](https://github.com/ag-grid/ag-grid-seed/tree/main/enterprise/packages/vite-react) | ![React Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/react.svg?raw=true) |
| [创建下一个 App](https://github.com/ag-grid/ag-grid-seed/tree/main/enterprise/packages/create-next-app) | ![React Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/react.svg?raw=true) |
| [Vite - 类型脚本](https://github.com/ag-grid/ag-grid-seed/tree/main/enterprise/packages/vite-typescript) | ![TypeScript Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/typescript.svg?raw=true) |
| [网页包 5 - 类型脚本](https://github.com/ag-grid/ag-grid-seed/tree/main/enterprise/packages/webpack5-typescript) | ![TypeScript Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/typescript.svg?raw=true) |
| [Webpack 5 - Java 脚本](https://github.com/ag-grid/ag-grid-seed/tree/main/enterprise/packages/webpack5-javascript) | ![JavaScript Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/javascript.svg?raw=true) |
| [角 CLI 函数](https://github.com/ag-grid/ag-grid-seed/tree/main/enterprise/packages/angular-cli) | ![Angular Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/angular.svg?raw=true) |
| [坚果](https://github.com/ag-grid/ag-grid-seed/tree/main/enterprise/packages/nuxt-vue3) | ![Vue3 Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/vue.svg?raw=true) |
| [维特](https://github.com/ag-grid/ag-grid-seed/tree/main/enterprise/packages/vite-vue3) | ![Vue3 Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/fw-logos/vue.svg?raw=true) |

## QQ 自定义

AG Grid在外观和功能上都是完全定制的. 网格的定制有许多方法,我们提供了一些工具来帮助创建这些定制.

### 自定义组件

您可以创建自定义组件来自定义网格的行为 。 例如,您可以自定义单元格的渲染方式、数值的编辑方式以及创建自己的过滤器.

有几个不同的 [组件类型](https://www.ag-grid.com/javascript-data-grid/components/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 您可以向电网提供,包括:

-   [单元格组件](https://www.ag-grid.com/javascript-data-grid/component-cell-renderer/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): 自定义单元格的内容.
-   [标题组件](https://www.ag-grid.com/javascript-data-grid/column-headers/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): 自定义一列和一列组的标题.
-   [编辑组件](https://www.ag-grid.com/javascript-data-grid/cell-editors/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github):自定义单元格的编辑.
-   [过滤组件](https://www.ag-grid.com/javascript-data-grid/component-filter/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): 对于列菜单中显示的自定义列过滤器.
-   [浮动过滤器](https://www.ag-grid.com/javascript-data-grid/component-floating-filter/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): 对于列菜单中出现的自定义列浮动过滤器.
-   [日期组件](https://www.ag-grid.com/javascript-data-grid/filter-date/#custom-selection-component?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github):在日期过滤器中自定义日期选择组件.
-   [正在装入组件](https://www.ag-grid.com/javascript-data-grid/component-loading-cell-renderer/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github):在使用服务器侧行模型时自定义加载单元格行.
-   [重叠构成部分](https://www.ag-grid.com/javascript-data-grid/overlays-overview/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github):要自定义加载,没有行覆盖组件或提供自定义覆盖.
-   [状态栏组件](https://www.ag-grid.com/javascript-data-grid/status-bar/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): 对于自定义状态栏组件.
-   [工具面板组件](https://www.ag-grid.com/javascript-data-grid/component-tool-panel/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): 用于自定义工具面板组件.
-   [工具提示组件](https://www.ag-grid.com/javascript-data-grid/tooltips/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github):用于自定义单元格工具提示组件.
-   [菜单项目组件](https://www.ag-grid.com/javascript-data-grid/component-menu-item/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): 自定义列和上下文菜单中显示的菜单项.

要向 Grid 提供自定义单元格渲染器和过滤组件,请在 `gridOptions.columnDefs` 属性 :

```js
gridOptions = {
    columnDefs: [
        {
            field: 'country', // The column to add the component to
            cellRenderer: CountryCellRenderer, // Your custom cell component
            filter: CountryFilter, // Your custom filter component
        },
    ],
};
```

### 主题

AG网格有4个 [主题](https://www.ag-grid.com/javascript-data-grid/themes/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github),每个可用 `light` 打开 `dark` 模式 :

| 夸茨语Name | 材料 |
| --- | --- |
| [![Quartz Theme](https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/quartz-theme-light.png?raw=true)](https://www.ag-grid.com/javascript-data-grid/themes/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | [![Material Theme](https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/material-theme-light.png?raw=true)](https://www.ag-grid.com/javascript-data-grid/themes/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) |
| 阿尔卑斯山 | 巴尔汉姆 |
| [![Alpine Theme](https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/alpine-theme-light.png?raw=true)](https://www.ag-grid.com/javascript-data-grid/themes/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | [![Balham Theme](https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/balham-theme-light.png?raw=true)](https://www.ag-grid.com/javascript-data-grid/themes/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) |

### 自定义主题

所有 AG 网格主题都可以使用 [他们的API](https://www.ag-grid.com/javascript-data-grid/theming/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github),或者你可以在我们的帮助下从零开始创建一个新的主题 [主题构建器](https://www.ag-grid.com/theme-builder/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 或者说 [图像设计系统](https://www.figma.com/community/file/1360600846643230092/ag-grid-design-system)。 。 。 .

## 社区

### 工具扩展( S)

AG Grid有一个庞大而活跃的社区,他们创建了 [第三方工具、扩展和公用事业的生态系统](https://www.ag-grid.com/community/tools-extensions/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 帮助您用 AG Grid 构建您的下一个项目, 无论您使用哪种语言或框架 :

 [![React Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/react.svg?raw=true) 反应](https://www.ag-grid.com/community/tools-extensions/) 二. 支助  [![Angular Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/angular.svg?raw=true) 角质](https://www.ag-grid.com/community/tools-extensions/) 二. 支助  [![TypeScript Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/typescript.svg?raw=true) 类型脚本](https://www.ag-grid.com/community/tools-extensions/) 二. 支助  [![Vue Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/vue.svg?raw=true) 阴道](https://www.ag-grid.com/community/tools-extensions/) 二. 支助  [![Python Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/python.svg?raw=true) 蟒](https://www.ag-grid.com/community/tools-extensions/) 二. 支助  [![Svelte Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/svelte.svg?raw=true) 丝绒](https://www.ag-grid.com/community/tools-extensions/) 二. 支助  [![SolidJS Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/solidjs.svg?raw=true) 固态JS](https://www.ag-grid.com/community/tools-extensions/) 二. 支助  [![.NET Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/.net.svg?raw=true) . NET 网络](https://www.ag-grid.com/community/tools-extensions/) 二. 支助  [![Rust Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/rust.svg?raw=true) 锈](https://www.ag-grid.com/community/tools-extensions/) 二. 支助  [![Laravel Logo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/community/frameworks/laravel.svg?raw=true) 拉威尔](https://www.ag-grid.com/community/tools-extensions/)

### 显示大小写

AG Grid是全世界十万名开发者使用的,来自几乎每个行业. 虽然这些项目大多是私人的,但我们已经管理了来自不同行业的一批开放源代码项目,这些行业的家庭名称使用AG Grid,包括: **摩根**, (中文(简体) ), **蒙戈DB** 财务报告和审定财务报表 **美国航天局**访问我们 [社区显示大小写](https://www.ag-grid.com/community/showcase/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 页面以学习更多.

### 星舰

AG Grid成立于2016年,其受欢迎程度稳步上升,现为Data Grids的市场领袖:

![The AG Grid star history chart](https://api.star-history.com/svg?repos=ag-grid/ag-grid&type=Date)

## ++ 辅助

### 企业支助

AG Grid 企业客户可以通过 [禅德斯克语Name](https://ag-grid.zendesk.com/hc/en-us)我们的工兵队负责监控.

### 错误报告

如果您找到错误, 请在此仓库中报告 [问题](https://github.com/ag-grid/ag-grid/issues) 节.

![GitHub Issues](https://img.shields.io/github/issues-closed/ag-grid/ag-grid?style=for-the-badge&color=%233d8c40)

### 问 题

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

![Stack Exchange questions](https://img.shields.io/stackexchange/stackoverflow.com/t/ag-grid?style=for-the-badge&color=%233d8c40)

### 捐款

AG Grid由伦敦的同地开发者团队开发. 狦稱舱麓 碞р application癳 [数据信息@ag-grid.com](mailto:info@ag-grid.com)。 。 。 .

## 许可证

`ag-grid-community` 已根据该条例获得许可证 **麻省理工学院** 执照.

`ag-grid-enterprise` 有一个 **商业** 执照.

见 [自由文件](https://npmcn.com/package/%40ag-grid-community/locale/LICENSE.txt) 需要更多信息.

## ![AG ChartsLogo](https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-BrandMark_Light-Theme.svg?raw=true)AG 图表

如果你走这么远,你可能会对我们最近的项目感兴趣: [AG 图表](https://www.ag-grid.com/charts?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) - 世界上最好的JavaScript图书库.

最初建造为电力 [集成图](https://www.ag-grid.com/javascript-data-grid/integrated-charts/?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) 在AG Grid中,我们在2018年开源了这个项目. 从那时起,我们的受欢迎程度稳步上升,我们决定投资AG图表,并配有一个专门的企业版(Entertainment)`ag-charts-enterprise`除了我们继续支持 `ag-charts-community`。 。 。 .

[![Preview of AG Charts JavaScript Charting Examples](https://github.com/ag-grid/ag-charts/blob/2ee85f286ccc151cb5e4517f711bafd03366db3c/packages/ag-charts-website/public/images/readme-assets/gallery.gif?raw=true)](https://www.ag-grid.com/charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)

[  
![Static Badge](https://img.shields.io/badge/ag%E2%80%93charts.com-Learn%20More%20-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D)](https://www.ag-grid.com/charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)

* * *

**跟着我们**

[![Twitter Badge](https://img.shields.io/badge/-X%20\(Twitter\)-black?style=for-the-badge&logo=x)](https://x.com/ag_grid) [![LinkedIn Badge](https://img.shields.io/badge/-LinkedIn-blue?style=for-the-badge&logo=linkedin)](https://www.linkedin.com/company/ag-grid/) [![YouTube Badge](https://img.shields.io/badge/-YouTube-red?style=for-the-badge&logo=youtube)](https://www.youtube.com/c/ag-grid) [![Blog Badge](https://img.shields.io/badge/-Blog-grey?style=for-the-badge&logo=rss)](https://www.ag-grid.com/blog/)

## 常见问题

### @ag-grid-community/locale 是什么？

AG Grid 本地化模块,提供46种语言的翻译\.

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

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

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

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

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

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

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

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

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

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

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

最新版本 36\.3\.0 发布于 2026/11/04（1 天前）；至今共发布 54 个版本，其中过去 12 个月发布了 13 个；首次发布于 2024/07/01。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。

