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

问题描述 投票:0回答:1

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

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

html css angular ag-grid ag-grid-ng2
1个回答
2
投票

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