在 Ag 网格中动态更改或设置单元格 Class

Question

我有一个 Div 其大小可以根据用户操作（小视图和大视图）变化（仅 div 调整大小）并且这个 div 包含 ag-grid。
最初 div/grid 以压缩大小加载，所以我根据类似（小字体大小、高度、填充等）使用 class 来删除卷轴
但我希望当用户放大 div 大小时，class 将与另一个 class 交换（大字体大小、高度等），但我找不到任何网格 api 或动态设置 cellClass 和 headerClass 的方法。

还有一件事我可以在 gridOptions 中更新它并根据新选项加载网格。

Answer 1

为 gridSizeChanged 事件添加侦听器。在侦听器中，检查 window/div 大小并相应地应用 CSS 类。

var gridOptions = {
  ...
  onGridSizeChanged: onGridSizeChanged
};

function onGridSizeChanged(params) {
  let newClass = (css class for new width)
  gridOptions.api.getColumnDef(colId).headerClass = newClass;
  gridOptions.api.refreshHeader()
}