问题描述: 在使用Ag Grid时,希望在运行时自动调整列大小,但在Chrome和IE 11中不起作用。
解决方法:
在Ag Grid中,可以使用sizeColumnsToFit()
方法来自动调整列大小。但是,由于不同浏览器的渲染机制不同,可能导致在某些浏览器中不起作用。
为了解决这个问题,可以使用以下解决方法:
sizeColumnsToFit()
方法之前,Ag Grid已经完全加载和渲染。可以通过监听firstDataRendered
事件来确保Ag Grid已经准备好调整列大小。示例代码如下:// 监听firstDataRendered事件
gridOptions.onFirstDataRendered = function() {
// 调整列大小
gridOptions.api.sizeColumnsToFit();
};
// 创建Ag Grid实例
new agGrid.Grid(gridDiv, gridOptions);
setTimeout
函数来延迟调用sizeColumnsToFit()
方法。示例代码如下:// 延迟调用sizeColumnsToFit()方法
setTimeout(function() {
gridOptions.api.sizeColumnsToFit();
}, 0);
这样,通过延迟调用sizeColumnsToFit()
方法,可以确保在IE 11中正确调整列大小。
总结:
对于在Chrome和IE 11中自动调整列大小不起作用的问题,可以通过确保Ag Grid已经完全加载和渲染,并使用setTimeout
函数在IE 11中延迟调用sizeColumnsToFit()
方法来解决。
下一篇:Ag Grid:展开/折叠与分页