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

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