Outline
- Fundamentals of ag-Grid with Angular
- Fundamentals of ag-Grid with Angular: Data
- Fundamentals of ag-Grid with Angular: Columns
- Fundamentals of ag-Grid with Angular: Filtering
- Fundamentals of ag-Grid with Angular: Rows
- Fundamentals of ag-Grid with Angular: Styling
- Fundamentals of ag-Grid with Angular: Cell Editing
- Fundamentals of ag-Grid with Angular: Custom Components
Outline
- Fundamentals of ag-Grid with Angular
- Fundamentals of ag-Grid with Angular: Data
- Fundamentals of ag-Grid with Angular: Columns
- Fundamentals of ag-Grid with Angular: Filtering
- Fundamentals of ag-Grid with Angular: Rows
- Fundamentals of ag-Grid with Angular: Styling
- Fundamentals of ag-Grid with Angular: Cell Editing
- Fundamentals of ag-Grid with Angular: Custom Components
Goals
- 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.