问题标签 [ag-grid-angular]

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 投票
2 回答
2355 浏览

ag-grid - 如何在 Ag-grid 中添加行标题?

在此处输入图像描述

请参考下图。(突出显示的部分是我在 AG-Grid 中需要的 ROW 标题)

0 投票
1 回答
5439 浏览

angular - 如何在 Angular 6 中将 ag-grid 从版本 18.1.0 更新到 20.1.0?

包.json

使用运行应用程序时出现以下错误ng serve

  • node_modules/ag-grid-community/dist/lib/gridOptionsWrapper.d.ts(133,52) 中的错误:错误 TS1005:“,”预期。
  • node_modules/ag-grid-community/dist/lib/gridOptionsWrapper.d.ts(133,73): 错误 TS1144: '{' or ';' 预期的。
  • node_modules/ag-grid-community/dist/lib/gridOptionsWrapper.d.ts(133,101): 错误 TS1005: ';' 预期的。
  • node_modules/ag-grid-community/dist/lib/gridOptionsWrapper.d.ts(133,103):错误 TS1068:意外的令牌。需要构造函数、方法、访问器或属性。
0 投票
1 回答
123 浏览

css - 在运行时突出显示行

我正在尝试突出显示基于行的用户输入。我正在使用带有 ag-grid-angular 19.1.2 的 Angular 5。使用 gridOptions.getRowStyle 设置样式会更改背景,但如果可能的话,我宁愿使用 scss 类。html文件中通过(change)=setHighlight()调用函数setHighlight ()

函数定义:

我的 scss 课程:

我的问题 使用 getRowClass 没有将我突出显示的类正确应用于 rowNode。在阅读(并尝试)后我认为我的自定义 scss 类被 ag-classes 覆盖。使用rowClassRules时会出现同样的问题。

问题 如何让 Angular 5 和 ag-grid 一起正确设置我的自定义 scss 类?

使用调试器单步执行显示该类被拾取并附加到本机 ag-grid 类。

rowComp.js 中在此处输入图像描述

此外,来自开发工具的屏幕转储: 屏幕转储

0 投票
3 回答
6118 浏览

ag-grid - ag-grid 是否有 onScroll 事件

我正在寻找 ag-grid 上的滚动事件,我想知道滚动何时到达末尾并加载下一组行,我知道如果您设置了无限滚动模式,那么 ag-grid 会调用 getRows 方法,但是在我的应用程序我没有立即获得下一组行,我调用服务器,服务器向客户端发送一条带有新行集的单独消息

0 投票
1 回答
868 浏览

angular - 动态创建列时的 Ag-grid ExportAsCsv

是否可以exportDataAsCsv在动态创建列时?

在我的组件中,我创建了许多列,其中许多是“动态”添加的,它基本上看起来像这样:

}

如您所见,第一列是已知的,其他列是动态添加的,可能是一列,也可能是十列。

然后在我的导出方法中,我尝试做类似的事情:

}

但是,在p.data.values.forEach(v => { ...导出方法的这一部分,我得到Uncaught TypeError: Cannot read property 'values' of undefined at _loop_4

从我看到它看起来非常相似,我不知道如何让它工作......有人遇到过这样的问题吗?

0 投票
1 回答
598 浏览

angular - 如何使 Ag-Grid 工具面板中的列组默认折叠

我有一个 ag-grid,所有列都定义在两个组中,并且列工具面板打开。目前,当您打开工具面板时,它会使两个组都展开,但我希望默认情况下保持其中一个折叠而另一个展开。这可能吗?我无法在 ag-grid API 中找到执行此操作的函数。

编辑

这里的第一个示例显示了工具面板中的列组:https ://www.ag-grid.com/javascript-grid-tool-panel-columns/

我想让列组“运动员”和“比赛”在工具面板中默认折叠,但让“奖牌”展开。

0 投票
1 回答
3143 浏览

ag-grid - 在ag-grid中隐藏按钮单击的列?

我需要在按钮单击时隐藏 VAD 组列。请帮我。在此处输入图像描述

0 投票
1 回答
403 浏览

excel - 上下文菜单导出中的 ag-grid 企业自定义页脚 excel 和 CSV

上下文菜单导出中的 ag-grid 企业自定义页脚 excel 和 CSV

我添加了 defaultExportParams,它对 excel 工作正常,但对于 CSV,我得到 [object Object]

};

如果我这样尝试,CSV 正在工作,但对于 excel customFooter 失败:'[[[ My Own Footer Value ]]]\n'。对于 CSV、EXCEL 上下文菜单导出,我怎样才能实现这一点

提前致谢

0 投票
1 回答
326 浏览

ag-grid - ag-grid 列标题不会通过拖动来调整大小

我已经复制了代码列定义和与从 ag-grid 示例中调整列大小有关的所有属性,以便在 ag-grid vue 中重新调整列的大小,但是我无法调整列的大小......光标甚至不会变为“箭头" 当我将鼠标悬停在列的左边缘或右边缘时。有没有人遇到过这个?

0 投票
1 回答
179 浏览

angular - ag-grid angular - 选择更改时刷新组行

我已经梳理了文档和 API 参考,但我没有看到在对其子项进行选择更改时触发刷新组行的方法。

在 Angular 7 中工作 ag-grid,我正在为组内部使用自定义渲染器,并希望能够根据所做的选择更改组的样式。我宁愿不重新渲染网格,而只在可能的情况下刷新组行。

除了将选择存储在商店中之外,还有什么方法可以在组行上触发这种刷新?