问题标签 [ag-grid-react]

我正在使用 ag-grid ( https://www.ag-grid.com/ ) 在我的 React 应用程序中实现一个复杂的表。我正在使用固定版本的 ag-grid 表（https://www.ag-grid.com/javascript-grid-pinning/#gsc.tab=0）。

我想在表格旁边放置两个按钮（用于左和右），并在单击按钮时水平滚动表格的未固定部分。我没有找到任何允许我手动滚动网格/表格的 ag-grid api（例如单击按钮）。

我怎样才能做到这一点？您可以在上面的链接上为固定表分叉可用的 plunker。

我想删除列菜单。我可以简单地display: none处理它，但首先处理和渲染它似乎是一种浪费。我只能在文档中找到有关如何在菜单中编辑项目的选项。谢谢

我们在我们的反应应用程序中使用 Enterprise AG Grid。我在 Ag Grid 的官方文档中找不到下面的任何内容。

1. 我们如何一次隐藏所有列，不使用列 api 但用户应该能够做到，可能是工具面板中的全部隐藏复选框？
2. 有没有办法自定义工具面板？这样我们就可以专门为#1 添加更多选项。
3. 一旦我们隐藏了所有列，然后从工具面板中将其添加回来。有没有一种方法可以强制将新列添加到最后而不是按照coldefs的原始位置添加？

任何帮助表示赞赏，在这里为长文本道歉。

更新 1。

通过使用分组列并将 groupheaderheight 设置为 0，我能够为 #1 添加解决方法。在一个组中添加所有列，然后在工具面板中对所有列进行检查/取消选中。

更新 2：

Ag-Grid 现在支持其中的大部分。请参考他们的最新版本。

我将 ag-grid 和 ag-grid-react 升级到 14.2.0，但我仍然收到此警告：

ag-grid：正在寻找组件 [agGroupCellRenderer] 但未找到。

我的列定义：

我在这里想念什么？

我无法弄清楚我应该如何正确地在表格顶部的 ag-grid 中添加一个空行。

现在这就是我的组件/用户生命周期的方式：

1. 加载页面
2. 渲染网格（来自componentDidMount，向reducer请求数据）
3. 从 db 获取数据（角色列表）
4. 更新我的减速器以获得角色列表（标准化）-> 发送到组件
5. 我的 RolesComponent 现在对它收到的数据进行非规范化
6. 在网格上显示
7. 点击 [Add Button] -> dispatches action 创建角色 {name: '', description: ''}
8. 发送到 api，api 返回新角色
9. Reducers 将新角色添加到角色列表中
10. 加载新道具后刷新网格组件，将新的空角色添加到表格底部

因为我添加的角色是新的，它的 'id' 是最高的，因此我相信它会排到表的末尾。但是，我可以跳过任何要添加的减速器逻辑（第 9 步），然后像这样手动执行它：

在减速器没有“ADD_ROLE”的情况下，但这感觉很脏。我很困惑，不相信这是正确的道路。非常感谢采取一般或更好的方法。

最重要的是，我仍然坚持是否应该使用 redux 来补充我的桌子或依赖 ag-grids api。理想情况下，我觉得使用 ag-grids api 更有效。

我正在尝试将反应 ag-grid 放入流星中，并且我遇到了似乎是 css 的障碍，但这很奇怪，我不确定并且无法通过它。

如果我不包含 ag-grid 和 ag-theme-fresh css 文件，我的数据就会进来并出现——当然，所有这些都是非常无格式的——就像这样：

但是如果我包含这两个 css 文件，我会得到一个看起来像空白屏幕的东西，除了一切都在那里，以网格形式，好像一切都很好，但它都是不可见的。像这样：

这是我的代码——有人可以帮我理解这里发生了什么吗？

我不熟悉完全隐形，除非某些东西的不透明度为 0，而这里不是这种情况。谢谢！

agggrid 有另一个问题，我似乎无法弄清楚如何以最佳方式更新复选框表。

我可以关闭 deltaRowDataMode 并且一切正常，但是它渲染了整个网格，我只是不喜欢忽略性能的想法。（以防我有成千上万的用户）。

我设置了 deltaRowDataMode 'on' 这使得网格移动/更新/删除速度更快，我也有动态列（通过 redux 存储和 api 调用生成）和基于数据的单元格，这工作正常......直到我尝试校准我的复选框的价值。例如，默认情况下它看起来像这样，如果我有这个权限'administrator.assign.privileges'

但是，当我选中下一个框时，我的所有数据都会更新，而不会更新，但不会选中我的复选框。

如您所见，数据正在传递，并在那里检查下一个状态。但是，未选中第 4 个框。但是当我在那之后检查另一个框时，然后是“检查”之前的框。这让我相信我比我的状态落后了一步，我需要另一个渲染更新什么是最好的方法？

这是我的 cellRendererFramework 组件：

有谁知道如何用 Jest/Enzyme 测试 AgGridReact？我试图模拟应该自动调用的 onGridReady 回调，但它似乎没有被触发。这是我的测试的简化版本：

任何想法/建议将不胜感激。谢谢！

我面临一个奇怪的问题，我正在使用 ag-grid 实现 Header 组件选择所有复选框选择。

它在桌面上按预期工作，但是当我在平板电脑或移动设备上测试相同的功能时，复选框选择是随机工作的。

我的意思是，当我单击复选框内部时​​，它不会被选中，但是当我单击复选框左边框附近的某个位置时，它会被选中。

到目前为止我尝试过的事情：

• 也尝试将 onClick 更改为 onChange，但没有运气。

• 尝试放置按钮而不是复选框，但仍然是同样的问题。

• 尝试将输入复选框直接放在 return 语句中，但同样的
  问题。

下面是相同的代码：

列定义：

HeaderCheckBoxRenderer 组件：

桌面

药片

正如您在桌面上看到的那样，它按预期工作，但在平板电脑上，当我单击左边框附近的某个位置时，它正在工作。

谁能帮我解决这个奇怪的问题。

提前致谢。

我有一个 columnDefs 声明，如下所示：

那么在定义 myValueGetter 函数时，params 的类型是什么？我正在使用“任何”并且它有效，但我想让它更“打字”

谢谢你