Fundamentals of ag-Grid with Angular: Rows

Row Spanning


  • For row spanning to work, the first thing we need to do is use the suppressRowTransform input binding on the <ag-grid-angular> component to disable the highly-formant CSS transforms that position the cells in ag-Grid.
  • Set the rowSpan property for a column definition to a function that returns the number of rows a specific cell should span.
  • Row spanning will not provide grouping functionality. For that, you need to use the enterprise version of ag-Grid.
  • We can also set the cellClassRule property for a column definition to style cells that are spanning mutliple rows.

I finished! On to the next chapter