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.

Links

• Styling Rows