问题标签 [ag-grid-vue]

我对 vue 3 quasar 2 和 ag-grid-vue3 有疑问，我不知道哪个不好用，在您看来，我应该使用 vue2 还是 vue 3？vue 3 在移植的时候应该并且是合适的，我真的很困惑，当 vue 2 可以使它平滑而没有任何我无法使用的错误时：在 childd Componet 中，当我创建 cellRendererFramework 时，一切正常，但没有 Quasar 错误- ---错误------错误

我在我的项目中使用 nuxt 框架。我成功集成了农业网格，但我无法进行本地化。我需要将网格中的一些单词翻译成我的语言示例：包含，等于.. 我找到了，但这还不够。https://www.ag-grid.com/vue-grid/localisation/这是我的代码和截图

我已经浏览了 AG 网格 Vue 文档，但我找不到 Vue 3 模板文档的任何文档。

请任何人指导我找到 Vue 3 AG Grid 模板或任何其他资源来进行此操作。

我的网格中有大约 2500 行，其中大约400行是选定的节点。所以我遍历所有节点，如果它们的 ID 在这 400 条记录的 ID 中，我希望它们被删除。所以我写了这个：

它可以工作，但一次只删除了27行，而不是删除所有 400 行。所以我必须再次单击我的按钮，它会删除接下来的 27 条记录等。

为什么会这样？如何更改它以一次删除所有这 400 行？

如果我在console.log()下面的代码中添加一个，我可以看到它正确打印了网格中的所有行，我可以在开发人员控制台中展开它们并查看数据。

但是，当我告诉它执行此确切代码时rowNode.setSelected(false); ，它仅在大约 20 左右的有限行数上运行，这是rowBuffer 网格上的默认值。如果数据在那里是因为我可以用 a 看到它console.log，那么为什么它不能删除所有行？它只删除缓冲的。

我现在正在用 Excel 中的空表制作一个可编辑的表。我想创建一个无限行，但我遇到了数据源问题。我想问一个空表是否可以无限行而不通过服务器，因为我想让它只在最后一个存储部分通过服务器，而不是从一开始就通过服务器。如果有不使用api的方法，我想知道该怎么做。如果我创建一个添加一行的函数，我想重复调用它，但是 this.rowdata.push({}) 没有重复。

我安装了 AG-Grid 的 vue3 版本

我将它添加到我的 App.vue

但是当我在浏览器中打开应用程序时，出现以下错误

我在 laravel 应用程序中安装了 ag-grid，我正在使用 Vite 来提供资产

谁能提供一些关于我做错了什么的见解？

我在 VueJS 应用程序中使用 AgGrid，我需要为标题组设置自定义背景颜色。我在官方文档中搜索了一个解决方案，但没有一个能满足我的需要。

我已经尝试过该headerGroupComponent属性，但它并没有完全呈现我所需要的。这是我创建自定义组件并在那里使用它时的样子：

我注意到，当使用自定义headerGroupComponent组件时，使用的组件不会替换标题组包装器，而是替换它的内容。在下图中，箭头显示了正在渲染的自定义组件：

但我真正想要替换的元素是ag-header-group-cell类的元素。

我也知道可以设置 aheaderClass但这对我来说还不够。我需要应用内联样式。

但我需要的结果是这个（直接在浏览器中编辑）：

让我知道您是否需要更多信息来帮助我。提前致谢！

更新

这就是我设法解决问题的方法：在我的自定义组件中，名为AgGridStageHeaderGroup，我添加了一个与组件同名的类，该组件完全按照我的需要设置样式：

在列组定义中，我添加了一个p-0Bootstrap 类来重置标题组包装间距。我还发送了负责使用配置直接设置自定义颜色的数据headerGroupComponentParams。

瞧！有效！检查结果：

我想使用 ag-grid 将谐波平均值定义为给定列的可用聚合函数。等式如下：

其中“权重”是与我们要聚合的列不同的另一列，“x”是我们要聚合的列。

我利用 addAggFunc 定义了一个自定义聚合函数并打印了参数以找出行数据在该对象内的位置，但我找不到它。

我正在尝试在 ag-grid 组件中使用 font-awesome，但我找不到使用我之前为 Vue 3 安装的 font-awesome 自定义 ag-grid 图标的正确方法。

这是我在 vuejs 3 中使用 font-awesome 的方式：

main.js

然后在模板上我使用这样的图标，一切正常：

现在，按照ag-grid 手册，我创建了一个 BaseGrid 组件，我在其中设置了 ag-grid。为了尝试替换原始的 ag-grid 主题图标，我将属性“icons”传递给组件并尝试替换组件的 beforeMount 方法上的图标：

所以这里的问题在于 ag-grid 需要传递新图标的方式，这就像一个字符串，如果你看到这部分代码：

这是“工作”，因为我在标记中确实有“ <font-awesome-icon icon="user-secret" />”作为字符串，但正如您可以想象的那样，这不是我想要的工作方式，因为没有显示字体真棒图标。我的问题是，如果有什么方法可以让我的字体真棒实现与 ag-grid 一起工作，还是我必须改变我的方法才能用字体真棒的图标替换 ag-grid 原始图标？