AG-Grid RowStyle 行为答案

【问题标题】：AG-Grid RowStyle BehaviorAG-Grid RowStyle 行为
【发布时间】：2018-09-28 01:22:08
【问题描述】：

假设我有一个 AG 网格，其中包含基本的通用列、列定义和基本的网格显示。但我想在我的页面上添加一个按钮，让我可以在基本的通用网格视图和卡片视图之间进行切换。

我有这个工作，但问题是 getRowStyle 调用没有正确更新 - 它在加载时运行，但不在交换时运行，或者至少看起来没有（常规网格显示正常，交换回到卡片视图消除了 10 像素的间隙）。我不确定是否需要添加一个额外的侦听器，或者将我的返回延迟 x 毫秒，或者什么。

这是在纯原版 AG-Grid 中 - 不是 React 或 Angular（我们实际上使用的是 Sencha，但那是完全不同的蠕虫罐头）。

有什么建议吗？

【问题讨论】：

对我来说，一切都适用于您的样品。或者它应该如何工作（每次 btn 单击都会更改样式并调用 getRowStyle）。自己查吧getRowStyle: function(params) { console.log('rowstyle');return adjustRowStyle(params); },
是的，演示工作，除了每一行没有像第一次加载时那样间隔开。在卡片视图中时，每个函数 adjustRowStyle 应该有 10px 的间隙。

标签： ag-grid

【解决方案1】：

看起来我解决了自己的问题。经过一番修补和浏览原型后，我找到了我正在寻找的功能，我没有看到，直到我......

gridOptions.api.forEachNode(function (node) {
  node.setRowTop((node.rowHeight + 10) * node.rowIndex);
});

【讨论】：