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

Question

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

我还可以根据新选项在gridOptions和load grid中更新它。

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()
}