Get Free Trial

Enable Styling for Column headers in Classic & Compact Modes

Ravi Kumar asked on November 13, 2020

I have tried setting background color for column headers using customize cell, but it is working only for FLAT mode, not in other 2 layouts.
Please provide any alternative solution.

2 answers

Illia Yatsyshyn Illia Yatsyshyn Flexmonster November 13, 2020

Hello, Ravi,
Thank you for your question.
We do not recommend using the customizeCell API call to configure default styling for header cells.
Instead, we would like to draw your attention to the Custom Theme Builder.
This tool serves to create custom color themes of the component. We recommend using it to create a color theme with a preferred headers color.
More information about this tool can be found in our documentation.
Another approach is to overwrite CSS styles responsible for coloring header cells.
Use your browser’s developer tools to retrieve appropriate CSS selectors. Next, apply the desired styling. Please note that the !important rule may need to be used.
Please let us know if it works for you.
Kind regards,

Ravi Kumar November 16, 2020

Hi Illia,
It is worked for our requirement. Thank You.

Please login or Register to Submit Answer