javascript - 我们可以更改移动设备中 AG 网格的 View 吗

Question

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

Ag 网格是否支持/转换小型设备的 View ？如果是，能否提供相关链接？

Answer 1

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 动态设置列