问题标签 [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 投票
1 回答
2963 浏览

angular - 如何使用 balham 主题在单元格之间设置分隔符?

我喜欢AgGrid 的 Balham 主题,但我想在单元格之间设置分隔符。就像列标题之间的分隔符一样。

我正在使用带有 Angular 7 的 AgGrid Enterprise 19.1.4。

谁能帮我?

0 投票
1 回答
13061 浏览

ag-grid - 如何为 ag-grid 行编辑实现验证规则

我目前有带有内联编辑的 html 表,它使用普通的 Angular Reactive Forms,包括许多验证规则:

有没有关于如何将 ag-grid 与 Angular 验证集成的示例?要求是,我需要突出显示无效的单元格值。我不一定需要使用 FormGroup...</p>

我可能会使用整行编辑,所以一种方法是只为正在编辑的行创建 FormGroup....

0 投票
1 回答
1613 浏览

angular-material2 - 通过 ag-grid 使用 Material Autocomplete 进行内联编辑

我在尝试使用 Autocomplete进行内联编辑时遇到问题。

为此创建了 plunk:用于内联编辑的材料自动完成 - ag-grid

  1. 自动完成选项没有出现在预期的位置。我必须向下滚动到网格底部下方才能看到选项。
  2. 一旦我选择了任何选项,我就无法在行中看到更新的值 - 我只会看到空白值。

isPopup?(): boolean { return false; }尝试为#1 和#2提供各种值getValue() { return this.selectedValue; },但没有得到任何线索实际问题是什么。

我想要的是,

  1. 在适当位置显示的选项 - 就像我们在使用普通材料自动完成时看到的一样
  2. 打开单元格进行编辑后立即显示的选项 - 到目前为止,我必须在编辑单元格内单击。
  3. 一旦我选择了合适的值,它也应该在网格中更新。
0 投票
2 回答
194 浏览

ag-grid - Ag-Grid treeData:可以隐藏人字形旁边的文本吗?

我正在使用treeData,但想知道是否可以隐藏人字形旁边的文本。

例如,我可以隐藏此表中列中的字母,而只显示 V 形吗?也许使用单元格渲染器?

0 投票
1 回答
75 浏览

ag-grid - 使用带有 angularjs 的外部过滤器 ag-grid 时无法访问单元格值

我在 ag-grid 中使用了一个外部过滤器,它应该根据一个选择值下拉列表过滤记录,该下拉列表的值对应于网格中的特定字段。

而且我无法使用此处文档中提到的 node.data.fieldName 访问字段的值。

以下是我正在做的事情:

它抛出一个错误:节点未定义当我尝试仅使用 data.fieldName 它说“数据未定义”

有人可以帮助我了解如何在此处访问特定字段的值。

0 投票
1 回答
1633 浏览

typescript - 如何在 ag-grid 单元格字段值中显示枚举值?

我正在使用 ag-grid 最新版本 (^20)。我已经尝试过单元格渲染,但不确定如何显示字符串而不是枚举。

在 sample.component.html 代码中

在 sample.component.ts 代码中

这是我的 project-status.ts 文件

不知道如何实现这一点。请帮助

0 投票
1 回答
396 浏览

angular - popupParent 'ag-grid-angular' 的未知属性

我的应用程序中有一个功能齐全的 ag-grid-angular,但是一旦我添加 [popupParent] 它就说它不能绑定,因为它没有 ag-grid-angular 的已知属性。

这有效:

这不会:

在组件中:

在构造函数中我只是添加

预期的结果应该是我将弹出父级设置为文档的正文元素,因此当我打开菜单时,它不会被剪切到网格内。

0 投票
1 回答
3137 浏览

angular - 如何动态对齐 ag-grid-angular 标题

我有一个角度为 6 的 ag-grid,并动态附加了列和数据。现在我想动态对齐标题(在多标题的情况下,父母和孩子)。像第一列标题应该左对齐,其他的将居中对齐。

我尝试设置 cellStyle 和我找到的其他一些选项,但它们都不起作用

我试图像这样实现它:

请指导我怎样才能得到这个工作......

0 投票
0 回答
469 浏览

typescript - 如何在Angular Material中通过鼠标调整ag-grid列的大小

在 Angular 7 项目中,我有一个带有角度材料设计的 ag-grid。

如何通过拖动列标题中的锚点使网格列可调整大小,如下所示:https ://www.ag-grid.com/javascript-grid-resizing/#resizing-example

这是我的网格选项:

和 columDefs 看起来像这样:

0 投票
4 回答
5691 浏览

ag-grid - 如何在 ag-grid-angular 中扩展第一组级别

我有一个 ag-grid,其中行默认按两列分组,但这些组是折叠的。

我想让第一个组级别像这样扩展:

扩展一级组最好的地方在哪里?