To add background color to header row in datagrid

I’ve implemented a Datagrid populated with data. I need to add background color to the header row. In the below image, I want to add background color to Claim Number, DateofClaim, AdjustorName, Last Updated(d… , Surgical? etc
1 answers

You need to add custom styling in that case. A simple example is below:

Add a file .scss in your project folder under theme->web and add the below scss


Include the file that you created in your main.scss file like:


Run the app:

If you need to change only one datagrid, give it a class and ensure that you change only that datagrid’s header.

Possibilities are limitless and you can change as per your requirement.