#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 спасибо!