Как создать динамический диапазон строк в Ag-Grid. Щелкните ссылку ниже для просмотра изображения в качестве примера.

1 ответ

Решение

При определении определений столбцов вы можете указать диапазон строк для каждого столбца.

Например, будет указано объединение 5 строк

colDef = {
    headerName: "Country",
    field: "country",
    rowSpan: 5
}

Также вы можете сделать его более динамичным

colDef = {
    headerName: "Country",
    field: "country",
    rowSpan: function(params) {
        return params.data.country==='Russia' ? 2 : 1;
    }
}

Это будет указывать на 2 объединенные строки, если страна - Россия, и 1 для всех остальных. Это взято из документации AG-Grid здесь.

Я предлагаю прочитать больше о диапазоне строк в документации. Это хорошо объясняет.

Другие вопросы по тегам