问题标签 [ag-grid]

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 回答
1210 浏览

javascript - 如何在ag-grid中动态设置行高和列宽

我已经使用这个来尝试适应列和行宽如何在 ag-grid 中动态设置行高和列宽(请在打字稿中提供 git hub 代码)

0 投票
1 回答
3473 浏览

ag-grid - 将 ag-grid 列绑定到数组

我是 ag-grid 的新手,并且正在使用带有 angularjs (1.X) 的 ag-grid。我遇到了一些问题,非常感谢您的帮助。

在我的场景中,我的网格中的列数不是固定的。根据用户输入,网格列及其计数会发生变化。因此,我根据服务器返回的数据(通过 ajax 调用)动态定义我的列定义。

这就是我的数据的样子。

完成动态生成 columnDefs 后,我的 columnDefs 如下所示:

问题 1:当我在网格中更改技能时,我的“skillEdited”方法被调用,但 params.newValue 设置为 oldValue,params.oldValue 设置为 undefined。所以,我基本上没有得到新的价值。当用户更改技能时,我希望更新 rowData 类。我怎样才能做到这一点?

问题 2:我是否正确绑定了数据和列?还是我做错了什么?

非常感谢您的帮助。维吉

0 投票
0 回答
82 浏览

ag-grid - ng-grid 仅渲染第一行,无法捕获选择事件

我正在使用 angurarjs 和 ag-grid 开发自己的项目。我有 2 个问题: 1. 如果在 ag-rig 中进行选择,我无法刷新状态栏。我可以捕捉到该事件,并且该函数正在运行,但只有在导航发生到另一个页面后才会重新调整 statusText 范围元素。非常奇怪的行为。2. 仅渲染前3行网格,滚动后才显示其余部分。有人可以帮我吗?

代码:

0 投票
1 回答
7914 浏览

angularjs - setColumnDefs 不适用于某些农业网格

我的代码中有几个 ag 网格,并且“setColumnDefs”适用于所有网格,但是当我尝试创建新网格时,出现错误:无法读取未定义的属性“setColumnDefs”。我不知道我做错了什么。它似乎适用于其他农业网格。

0 投票
2 回答
3002 浏览

angularjs - 自定义 ag-grid 以设置最大可选行数

我正在尝试ag-grid在基于 Angular 1.5 的项目中使用自定义数据表。自定义是允许用户选择表格中的最大行数,例如最大为2。

I have the following code by using node.setSelected(false)that I found in the documentation page here , but I got the error: node.setSelected is not a functionwhen the selection exceeds the maximum of 2.

有谁知道 ag-grid 的setSelected()API 可能有什么问题?或者有什么更好的方法来做这个定制?

0 投票
1 回答
13501 浏览

css - Ag-Grid - 多行文本行

我正在使用Angular Grid(1.16.1 版),我需要在表格中显示一个长文本,并且我希望行高可以根据内容进行调整,必要时换行。

我试过了:

  • sizeColumnsToFit 方法,期望 ag-grid 可以通过其内容调整列的大小;

  • gridOptions 的 setRowStyle 方法:我添加了 CSS 类来根据内容调整鱼子的高度(例如:'word-wrap':'break-word');

  • minWidth 和 width:我计算了平均列大小,但 ag-grid 不尊重它;

  • gridOptions 处的 cellStyle:与“setRowStyle”相同,但 CSS 类没有给我任何成功;

有人有其他建议吗?

0 投票
1 回答
885 浏览

reactjs - 单击复选框,在 React ag-grid 的适用单元格中切换到可编辑模式

我是 ag-grid 的新手,正在努力实现一项要求。我有 3 列,其中 2 列是可编辑的。我的第一列包含一个复选框,在检查时我需要将两列转换为可编辑。

请注意我使用的是 ag-grid reactjs 版本。

非常感谢任何帮助。

谢谢。

0 投票
2 回答
2502 浏览

ag-grid - 当我滚动时,我的 Ag-grid 显示变得混乱

我有一个大约 1000 行和 3 列的 ag-grid 显示...最初显示看起来不错...但是当我滚动时,在第 150 列附近的某个地方..我的网格显示搞砸了..我不再看到边框,滚动条,网格标题和左右列消失......下面是我看到的图像。如果我进一步向下滚动,我将完全看不到左右列和标题..

在此处输入图像描述

对此的任何帮助将不胜感激。我什至不知道在哪里看。(注意:请忽略左栏中的黑线。我必须先盖住文字才能在这里发布图片。)

谢谢你,维杰

0 投票
3 回答
2426 浏览

javascript - 有没有办法禁用 Angular Grid 虚拟化,即 Angular 根据高度/宽度位置为网格创建 div?

我有一个 Angular 网格(ag-grid),它将基于滚动/视图在 DOM 中创建 div 以显示数据。我正在编写一个 Selenium WebDriver 测试,该测试将从网格中读取数据并将其与从 API 返回的数据进行比较。

由于一些 div 尚未创建(隐藏在 Angular 虚拟化之后),WebDriver 无法有效地捕获数据。

有没有办法强制网格显示所有数据?

0 投票
1 回答
1422 浏览

javascript - 编辑单元格上的 AG 网格触摸事件

我无法在 ag-grid 上编辑单元格以处理手机或平板电脑上的触摸事件,只需单击鼠标即可正常工作。

我也无法将列拖动到工具栏中的枢轴选项中以使用触摸工作。

反正有这个吗?