我们可以在移动设备中更改 AG 网格的视图吗

Question

很长一段时间以来，我一直在研究农业网格。目前我们需要更改移动设备的网格显示（例如宽度 <480 像素）。

Ag 网格是否支持/转换其针对小型设备的视图？如果是，您能否提供相同的相关链接？

Answer 1

AgGrid 自行调整。默认主题能够动态调整自身大小。

您可以params.api.sizeColumnsToFit()在 ononGridReady或 中使用onFirstDataRendered。这将使用滚动进行动态调整大小。

但是，我建议为移动设备创建一个单独的视图，仅显示在移动设备视图中有意义的相关列。

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

为移动视图动态设置列