材质选项卡中的 ag-grid

Posted 2023-03-28

【中文标题】材质选项卡中的 ag-grid

【英文标题】：ag-grid in a Material Tab

【发布时间】：2021-03-14 21:15:33

【问题描述】：

我有一个应用程序，它使用 Angular Material 选项卡在两个选项卡中包含两个 ag-grid。当用户在选项卡之间切换时，其中一列中的项目将呈现在网格之外（但在选项卡主体内）。该列的不同之处在于它使用了自定义单元格渲染器。它只影响第一个选项卡中的网格，因为那是使用单元格渲染器的网格。所以你必须切换到第二个标签然后回到第一个标签才能看到它。

Stackblitz 示例 here

很难看到，因为列元素呈现在选项卡窗口的底部，您几乎看不到它们从网格底部伸出。此外，如果您分页到网格的下一页，它们会正确呈现，即使在您回页时在第一页上也是如此。

我尝试在选项卡切换后执行 gridApi.refreshCells()，但它什么也没做。

【参考方案1】：

修复结果很简单，我希望这是解决此问题的最佳方法。我只是执行网格 API 的 redrawRows 方法。