在Ag Grid中动态更改或设置单元格类

Question

我有一个Div，其大小可以根据用户操作（大视图和大视图）而变化（仅div调整大小），并且该div包含ag-grid。
最初div / grid以压缩大小加载，因此我根据类（小字体，高度，填充等）使用了类，以删除滚动条
但是我想当用户扩大div大小时，该类将与另一个类（大字体，高度等）交换，但是我找不到任何网格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()
}