Despite the COVID-19 outbreak, our team continues operating at full speed. We are always here to support and answer all your questions.

Feel free to reach out by filling this quick form.

Fill the form
Get Free Trial

Enable Styling for Column headers in Classic & Compact Modes

Answered
Ravi Kumar asked on November 13, 2020

Hi,
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.
 
Regards,
Ravi

2 answers

Public
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,
Illia

Public
Ravi Kumar November 16, 2020

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

Please login or Register to Submit Answer