Blazor Grid - Custom CSS Class

Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting.

Conditional css class for grid row #

In the below example, we applied table-danger CSS class to the row where the employee is inactive and the table-success CSS class to the row where the employee designation is Architect.

Conditional css class for grid column #

In the below example, we applied table-danger CSS class to the Active column where the employee is inactive and the table-success CSS class to the Active column where the employee is active.

Column Class #

In the following example, the Class parameter is used to apply the CSS class to an entire grid column, including the header.

Header row css class #

Filters row css class #