Можем ли мы изменить вид сетки AG в мобильных устройствах.

Question

Я работаю над сеткой АГ уже довольно давно.В настоящее время мы получили требование изменить отображение сетки для мобильных устройств (например, ширина <480 пикселей).Я искал то же самое в Интернете, но не смог найти решение для него.</p>

Мой вопрос здесь заключается в том, поддерживает ли сетка Ag / преобразовывает ее представление для небольших устройств?если да, не могли бы вы предоставить соответствующую ссылку для того же?

извинения, если вопрос не содержит необходимой информации.

Спасибо заранее.

Answer 1

согласно документации Ag-grid, размер сетки будет автоматически изменяться в зависимости от размера окна.Подробности представлены в ссылке ниже.https://www.ag -grid.com / JavaScript-сеточного отзывчивость /

Answer 2

AgGrid настраивается самостоятельно.Темы по умолчанию способны к динамическому изменению размера.

Вы можете использовать params.api.sizeColumnsToFit() в onGridReady или 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();
            }
        })
    })

динамически устанавливаемые столбцы для мобильного представления