如何使用JavaScript设置ag-grid的--ag-grid-size变量？

• 问题根源：--ag-grid-size是ag-grid容器级的CSS变量，作用域限定在grid容器内部，直接给body设置无法被ag-grid的样式优先读取。
• 正确做法：获取ag-grid的容器元素，在该元素上设置变量：

// 假设你的ag-grid容器有id为myGrid
const gridContainer = document.getElementById('myGrid');
gridContainer.style.setProperty('--ag-grid-size', '3px');

• 如果是通过AGGrid.create创建的实例，可直接获取容器：

const gridInstance = AGGrid.create(/* 你的配置参数 */);
gridInstance.getGridOptions().container.style.setProperty('--ag-grid-size', '3px');

• 验证：设置后ag-grid的组件（如单元格间距、按钮尺寸等）会根据新的--ag-grid-size值自动调整样式，若需恢复默认值，可将变量设为空：

gridContainer.style.setProperty('--ag-grid-size', '');

内容的提问来源于stack exchange，提问作者Niels Bosma