ete-ag-grid-wrapper 是一个基于 ag-grid 的 npm 包，它提供了更加简洁的 API，并支持自定义列渲染器，使得在 React 项目中集成 ag-grid 更加方便快捷。
安装
在项目根目录中使用 npm 或者 yarn 安装 ete-ag-grid-wrapper：
npm install ete-ag-grid-wrapper 或 yarn add ete-ag-grid-wrapper
使用
引入并注册组件
在你的 React 组件中，引入 ete-ag-grid-wrapper，并注册 EteAgGridWrapper：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------------- - ---- ----------------------
----- ------------- ------- --------------- -
------------------ -
-------------
-- ---- ------- --
------------ - -
----------- -
- ----------- ------- ------ ------ --
- ----------- -------- ------ ------- --
- ----------- -------- ------ ------- -
--
-------- -
- ----- --------- ------ --------- ------ ----- --
- ----- ------- ------ --------- ------ ----- --
- ----- ---------- ------ --------- ------ ----- -
-
--
-
-------- -
------ -
----------------- ---------------------- --
--
-
-自定义列渲染器
ete-ag-grid-wrapper 提供了一个更加简单的方式去定义列渲染器。下面是一个例子：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------------- - ---- ----------------------
----- ------------- ------- --------------- -
------------------ -
-------------
-- ------
----- -------------- - -- ----- -- -- -
---- -----------------------------------------
--
-- ---- ------- --
------------ - -
----------- -
- ----------- ------- ------ ------ --
- ----------- -------- ------ ------- --
-
----------- --------
------ --------
---------------------- --------------
-
--
-------- -
- ----- --------- ------ --------- ------ ----- --
- ----- ------- ------ --------- ------ ----- --
- ----- ---------- ------ --------- ------ ----- -
-
--
-
-------- -
------ -
----------------- ---------------------- --
--
-
-其他高级用法
ete-ag-grid-wrapper 提供了很多高级用法的支持，比如自定义过滤器、排序器等，具体的可以查看文档。
结论
npm 包 ete-ag-grid-wrapper 是一个非常方便实用的组件库。通过它，我们可以用更少的代码实现类似 ag-grid 的功能，同时也方便了我们实现自定义列渲染器，让我们能够构建更加优秀的应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554e381e8991b448d2178