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.
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.
It is worked for our requirement. Thank You.