Ag-grid визуализирует несколько строк в ячейке

Я новичок в Ag-grid (версия React) и столкнулся с проблемой рендеринга нескольких строк в ячейке с помощью Ag-Grid.

Вот что мы сделали с помощью React Table, но мы хотим сделать то же самое в версии Ag-grid React. Что мы сделали с помощью React Table

Кто-нибудь знает, как я могу это сделать?

Я действительно ценю твою помощь.


person Ali Torki    schedule 03.11.2020    source источник


Ответы (1)


Взгляните на эту документацию: Растягивание строк Сложный пример

Вы можете использовать свойство rowSpan для ColDef при предоставлении значений для вашего ColDef. Укажите rowSpan 1 для двух столбцов (2-й и 3-й видны на скриншоте), условно 1 или 2 для 4-го и 2 для остальных.

colDef = [
  { field: 'field1', rowSpan: 2, /* other props */ },
  { field: 'field2', rowSpan: 1, /* other props */ },
  { field: 'field3', rowSpan: 1, /* other props */ },
  { field: 'field4', /* other props */, 
    rowSpan: (params) => {
      return  // your condition which decides rowSpan
    }
  },
  { field: 'field5', rowSpan: 2, /* other props */ },
  { field: 'field6', rowSpan: 2, /* other props */ }
];

ag-grid некоторые ограничения. Не забудьте также проверить это: Ограничения с охватом строк

person Paritosh    schedule 04.11.2020