Аггридные основные/подробные строки сетки деталей должны иметь разную высоту

#angular #ag-grid #ag-grid-angular

Вопрос:

Я работаю над основной/подробной таблицей в AgGrid. Функциональность не является чем-то особенным, кроме того, что я хочу, чтобы сетка деталей имела меньшую высоту, чем основная сетка. См.изображение.

введите описание изображения здесь

Я перепробовал все, и, похоже, нет возможности установить высоту вращения на детали отдельно, а затем на основной сетке. Существует параметр для высоты строки, которая расширяется detailRowHeight , но при этом устанавливается высота содержащей строки, а не строк вложенной сетки.

Любой ответ приветствуется.

Ответ №1:

Изменение rowHeight сетки сведений аналогично тому, что вы сделали бы для обычной сетки, просто добавьте свойство сетки rowHeight или обратный getRowHeight вызов сетки (для динамических высот строк) в detailGridOptions :

     this.detailCellRendererParams = {
      detailGridOptions: {
        getRowHeight: (params) => 30,
        // [...]
      },
      getDetailRowData: function (params) {
        params.successCallback(params.data.callRecords);
      },
    };
 

Смотрите, как это реализовано в следующем примере: https://plnkr.co/edit/AyJ0xvM0EHC6Pce1

Комментарии:

1. Моя проблема заключалась в том, что у меня также было переопределение в CSS для указания высоты строки, и даже если я установил высоту в JS, мне все равно нужно изменить CSS. Помещаю его сюда, если кто-нибудь столкнется с той же проблемой. @shuheb спасибо!