问题标签 [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.
angular - 如何使用 balham 主题在单元格之间设置分隔符?
我喜欢AgGrid 的 Balham 主题,但我想在单元格之间设置分隔符。就像列标题之间的分隔符一样。
我正在使用带有 Angular 7 的 AgGrid Enterprise 19.1.4。
谁能帮我?
ag-grid - 如何为 ag-grid 行编辑实现验证规则
我目前有带有内联编辑的 html 表,它使用普通的 Angular Reactive Forms,包括许多验证规则:
有没有关于如何将 ag-grid 与 Angular 验证集成的示例?要求是,我需要突出显示无效的单元格值。我不一定需要使用 FormGroup...</p>
我可能会使用整行编辑,所以一种方法是只为正在编辑的行创建 FormGroup....
angular-material2 - 通过 ag-grid 使用 Material Autocomplete 进行内联编辑
我在尝试使用angular-material Autocomplete
进行内联编辑时遇到问题。
为此创建了 plunk:用于内联编辑的材料自动完成 - ag-grid
- 自动完成选项没有出现在预期的位置。我必须向下滚动到网格底部下方才能看到选项。
- 一旦我选择了任何选项,我就无法在行中看到更新的值 - 我只会看到空白值。
isPopup?(): boolean { return false; }
尝试为#1 和#2提供各种值getValue() { return this.selectedValue; }
,但没有得到任何线索实际问题是什么。
我想要的是,
- 在适当位置显示的选项 - 就像我们在使用普通材料自动完成时看到的一样
- 打开单元格进行编辑后立即显示的选项 - 到目前为止,我必须在编辑单元格内单击。
- 一旦我选择了合适的值,它也应该在网格中更新。
ag-grid - Ag-Grid treeData:可以隐藏人字形旁边的文本吗?
我正在使用treeData,但想知道是否可以隐藏人字形旁边的文本。
例如,我可以隐藏此表中列中的字母,而只显示 V 形吗?也许使用单元格渲染器?
ag-grid - 使用带有 angularjs 的外部过滤器 ag-grid 时无法访问单元格值
我在 ag-grid 中使用了一个外部过滤器,它应该根据一个选择值下拉列表过滤记录,该下拉列表的值对应于网格中的特定字段。
而且我无法使用此处文档中提到的 node.data.fieldName 访问字段的值。
以下是我正在做的事情:
它抛出一个错误:节点未定义当我尝试仅使用 data.fieldName 它说“数据未定义”
有人可以帮助我了解如何在此处访问特定字段的值。
typescript - 如何在 ag-grid 单元格字段值中显示枚举值?
我正在使用 ag-grid 最新版本 (^20)。我已经尝试过单元格渲染,但不确定如何显示字符串而不是枚举。
在 sample.component.html 代码中
在 sample.component.ts 代码中
这是我的 project-status.ts 文件
不知道如何实现这一点。请帮助
angular - popupParent 'ag-grid-angular' 的未知属性
我的应用程序中有一个功能齐全的 ag-grid-angular,但是一旦我添加 [popupParent] 它就说它不能绑定,因为它没有 ag-grid-angular 的已知属性。
这有效:
这不会:
在组件中:
在构造函数中我只是添加
预期的结果应该是我将弹出父级设置为文档的正文元素,因此当我打开菜单时,它不会被剪切到网格内。
angular - 如何动态对齐 ag-grid-angular 标题
我有一个角度为 6 的 ag-grid,并动态附加了列和数据。现在我想动态对齐标题(在多标题的情况下,父母和孩子)。像第一列标题应该左对齐,其他的将居中对齐。
我尝试设置 cellStyle 和我找到的其他一些选项,但它们都不起作用
我试图像这样实现它:
请指导我怎样才能得到这个工作......
typescript - 如何在Angular Material中通过鼠标调整ag-grid列的大小
在 Angular 7 项目中,我有一个带有角度材料设计的 ag-grid。
如何通过拖动列标题中的锚点使网格列可调整大小,如下所示:https ://www.ag-grid.com/javascript-grid-resizing/#resizing-example
这是我的网格选项:
和 columDefs 看起来像这样:
ag-grid - 如何在 ag-grid-angular 中扩展第一组级别
我有一个 ag-grid,其中行默认按两列分组,但这些组是折叠的。
我想让第一个组级别像这样扩展:
扩展一级组最好的地方在哪里?