Angular
Fundamentals of ag-Grid with Angular: Styling
  •  

Row Styling

Goals

  • Use the rowStyle input binding on the <ag-grid-angular> component specifying an object of CSS properties and values.
  • Use the rowClass input binding on the <ag-grid-angular> component with an array for applying multiple classes or specifying a single to apply a single class to rows.
  • Use the getRowClass input binding on the <ag-grid-angular> component with a function reference in order to programmatically apply classes to rows.
  • Use the rowClassRules input binding on the <ag-grid-angular> component providing reference to a property in my component's class whose keys are the classes that are conditionally applied, and whose values are predicate functions that determine if the class is applied.
  • Specify CSS for the .ag-row-hover class in order to style hovered rows.
 

I finished! On to the next chapter