Сетка Ag, предотвратить масштабирование таблицы до полной ширины

Question

У меня есть таблица, которая масштабируется до всей доступной ширины, хотя ее содержимое меньше.
Демо: "https://plnkr.co/edit/6L8bTAwkEV6R6Be4M1Qm?p=preview"
Попытался решить эту проблему, дав родителю width и ag-grid max-width, но, как вы видите, это не имеет никакого эффекта. У кого-нибудь есть идеи?
Заранее спасибо.

Answer 1

Вам необходимо использовать sizeColumnsToFit() метод.

sizeColumnsToFit () Получает столбцы для изменения размера, чтобы соответствовать сетке по горизонтали.

Официальный документ

Код:

onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

    this.gridApi.sizeColumnsToFit();
    ....
}

Модифицированный образец plnkr

Обновление: объяснение sizeColumnsToFit

Вам необходимо запомнить жизненный цикл ag-grid. Таким образом, в этом случае, чтобы сделать sizeColumnsToFit работ - необходимо определить сетку columns и присвоить свойству gridOptions. Если вам нужно динамическое решение, не забудьте сначала сообщить в свою сетку с помощью setColumnDefs, а затем вызвать метод sizeColumnsToFit.