我很长时间以来一直在研究 ag 网格。目前我们需要更改移动设备的网格显示(例如宽度 <480 像素)。
Ag 网格是否支持/转换小型设备的 View ?如果是,能否提供相关链接?
最佳答案
AgGrid 自行调整。默认主题能够自行动态调整大小。
您可以在 onGridReady
或 onFirstDataRendered
中使用 params.api.sizeColumnsToFit()
。这将通过滚动进行动态调整大小。
但是我建议为移动设备创建一个单独的 View ,只显示在移动设备 View 中有意义的相关列。
var column = [{ field: "Col1" }, { field: "Col2", }, { field: "Col3", }, { field: "Col4", }, { field: "Col5", }];
var mobileColumn = [{ field: "Col1" }, { field: "Col2", }, { field: "Col3", }];
window.addEventListener('resize', function () {
setTimeout(function () {
if (window.innerWidth <= 480) {
gridOptions.setColumnDefs(mobileColumn);
params.api.sizeColumnsToFit();
}
})
})
为移动 View 动态设置列
关于javascript - 我们可以更改移动设备中 AG 网格的 View 吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53920531/