Ag-Grid: невозможно уменьшить пространство контейнера для строк сведений

Question

Кажется, что есть фиксированная / вычисленная высота с контейнером для отображения строк подробностей в Ag-Grid.Мне удалось воспроизвести эту проблему, используя пример документации Ag-Grid для Plunker:

Последний пример Plunker на этой странице: https://www.ag -grid.com / javascript-grid-master-detail /

Чтобы воспроизвести его, однажды в Plunker я щелкнул шеврон, чтобы открыть вложенную таблицу для просмотра строк с подробностями, а затем открыл DevTools.Я осмотрел контейнер вокруг вложенной таблицы, и у него есть класс "ag-details" row ". Я добавил значение высоты, например, 50%, но оно только уменьшает высоту строк.

Таким образом, у меня есть около 2-3 строк в вложенной таблице. Как я могу удалить дополнительное пространство между нижней частью вложенной таблицы и родительской строкой под ней?

Answer 1

Строке детализации может быть назначена высота.Но то, что вы просите, звучит как динамическая высота, что вы также можете сделать.

Например, в ваших параметрах сетки вы можете определить getRowHeight;

getRowHeight: function (params) {
    if (params.node && params.node.detail) {
        var offset = 80;
        var allDetailRowHeight = params.data.callRecords.length * 28;
        return allDetailRowHeight + offset;
    } else {
        // otherwise return fixed master row height
        return 60;
    }
}

См.Документация AG Grid для полного примера;https://www.ag -grid.com / JavaScript-сетка-мастер-деталь / # примера динамические подробно-рядная высота