问题标签 [ag-grid-vue]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
661 浏览

css - 如何将绝对位置容器包装为任何其他相对定位的 div?

我正在使用 ag-grid 在 vuetify 布局中显示分页数据。

由于某些原因,似乎当 ag-grid 组件的父级之一是flex并且paginationAutoPageSize设置为时true,网格会不断重复添加新行(显然是一个错误)。

https://github.com/ag-grid/ag-grid/issues/628#issuecomment-440216606

在此处输入图像描述

将该类添加到 ag-grid 组件中:

然后给出:

在此处输入图像描述

哪个更好,但遗憾的是在我的应用程序中的其余 Vuetify 布局中效果不佳(Cashout 标题和水平线都被组件覆盖)。

网格本身:

CashoutRecords.vue

及其容器:

Cashout.vue

ag-grid-16我怎样才能用那个CSS 类(为了避免不断增长的行)包装我的 ag-grid,以便我仍然可以看到<h1>标题Cashouts和它上面的水平线。

0 投票
1 回答
2455 浏览

ag-grid - 如何在 ag-Grid 表中添加动态行类

我正在使用 ag-grid.com,有人知道如何在同一个表中添加动态行类名称吗?这样我就可以根据它设置不同的背景颜色。

提前致谢!

在此处输入图像描述

0 投票
1 回答
750 浏览

ag-grid - ag-grid:在过滤器测试功能中访问行数据

在网格列中使用自定义过滤器选项时,我遇到了将cellValue与同一行的其他值进行比较的需要,并且似乎找不到如何这样做,因为没有将行数据的引用传递给test函数。

使用 valueGetter 将所有需要的数据包含在单元格值中并使用 Cell Renderer 仅显示相关部分似乎是一种解决方法。

是否可以在没有自定义过滤器的情况下以任何其他方式实现这一目标?

0 投票
1 回答
2500 浏览

javascript - 未找到 ag-grid-vue 模块,即使它位于 node_modules 中

我正在逐步遵循 Vue.js AgGrid 入门指南:https ://www.ag-grid.com/vuejs-grid/

添加<script>零件并保存后,我收到以下错误:

问题是我已经使用指南中的命令安装了它:

我已经检查了 node_modules,一切似乎都在那里。到目前为止,这是我在 App.vue 中的代码:

知道发生了什么吗?在 MacOS Catalina 上,如果这很重要,并使用最新的 LTS 版本的 Node(今天早上刚刚下载)。我也尝试过卸载和重新安装节点(“完整”方式也删除了所有隐藏的节点文件夹和东西,然后从站点重新安装)。

0 投票
2 回答
1391 浏览

javascript - Ag-Grid 在新数据源上重置滚动

我在 Ag-Grid 相关代码之外更新我的数据。我有一个变量 ,this.works它为我的投资组合经理项目存储所有用户的“投资组合”。我this.loadMore()从服务器加载了更多数据(我无权访问,这就是我从外部加载数据的原因)。

我正在使用“无限”行模型进行无限滚动。我开始使用数据源是因为我也想使用排序和过滤。

问题是当我更新数据源时,滚动会重置到顶部。这是非常烦人的行为。

使用 Ag-Grid 社区和 Vue.js。

GridOptions(在 beforeMount() 中设置)

方法:

对任何奇怪的 JS 代码表示歉意,我正在使用 CoffeeScript 到 JS 转换器。不过我觉得应该没问题。

HTML:

如何确保滚动保持在用户滚动到的任何位置?为了记录,使用api.refreshCells()不起作用。这样,我在第一次数据调用后得到空白行(因此仅显示前约 23 个左右的项目)。因此,每次获取新数据时,我都需要“刷新”数据源。

0 投票
1 回答
481 浏览

vue.js - 带有 VueJS 的 Ag-Grid (vanillajs)

我正在尝试使用 VueJS 实现 Ag-Grid,但使用的是 vanillajs 版本(没有任何包或模块管理器)。

我尝试使用 umd 版本的 ag-grid ( https://cdn.jsdelivr.net/npm/ag-grid-vue@22.1.1/dist/ag-grid-vue.umd.js ),如下所示例子。

https://jsfiddle.net/p429h0sL/

但是抛出了以下错误;

我也尝试过这个解决方案,但也没有运气。

你能告诉我如何进行吗?

0 投票
1 回答
851 浏览

javascript - 如何在 vue js 的 AG Grid 自定义标题中添加图标

我正在尝试在 AG Grid 标题中添加信息图标,以便在将鼠标悬停在图标上时显示工具提示。我创建了自定义工具提示组件,它在悬停时显示工具提示,但是当我添加图标时,默认排序和过滤器被删除。

0 投票
1 回答
574 浏览

javascript - 带有 Vuetify 的 ag-grid FrameworkComponents

我正在使用:“ag-grid-community”:“^21.2.2”、“ag-grid-enterprise”:“^21.2.2”、“ag-grid-vue”:“^21.2.2”、“ vue": "^2.6.10","vuetify": "^1.5.16"

当您在 vuetify 选项卡中有一个带有框架组件 (Vue) 的 AG-Grid 时,您会收到以下错误。 找不到名称为“TradeCellRenderer”的组件。它在 Vue.components 中吗?

此代码引发上述错误:

如果没有 Vuetify 选项卡,它可以正常工作吗?

唯一的区别是当网格位于 Vuetify 选项卡内时它不起作用(cellRendererFramework),当您将网格放在选项卡之外时它工作正常。

有没有其他人遇到过这种情况,有什么原因吗?

0 投票
1 回答
354 浏览

ag-grid - ag-grid-vue:是否有保证在 onGridReady 和 onFirstDataRendered 之前触发的事件?

我刚刚开始在 vue 中使用 ag-grid,并注意到有时 onGridReady 会先触发,有时 onFirstDataRendered 会先触发。我想知道是否有一个事件保证在这两个之前触发,这样我就可以设置 this.gridApi = grid.api 一次。(我目前将它设置在两者的开头作为一种解决方法)。

更新:这似乎只发生在包含网格的 vue 组件在页面加载后(通过 av:if)初始化时发生,而不是在页面加载时可见时发生。

0 投票
2 回答
570 浏览

node-modules - ag-grid-vue 缺少副本(剪贴板模块)

我注意到 ag-grid-vue 和 @ag-grid-enterprise/all-modules 不包含剪贴板模块。上下文菜单中缺少复制、带有标题的复制和粘贴。

上下文菜单