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

How to have different colors for header column?

Answered
raj asked on April 10, 2021

I want to apply different colours to headers.
With help of “conditons” property, I am able to apply colour on data  but I want to apply separate colour to header as well.
 
Please assist.

1 answer

Public
Vera Didenko Vera Didenko Flexmonster April 12, 2021

Hello, 

 
Thank you for your question. 

 
Depending on your use case, we kindly suggest one of the following approaches:
 

  1. Applying a separate color for headers via CSS.

    Please see the following example: https://jsfiddle.net/flexmonster/x1eshL6k/.

    We would like to mention that it is possible to create your own custom Flexmonster theme and use it in your project instead of the default one. Please see our customizing the appearance guide for more details.

    Also, we have a custom theme builder app, making it easier to create your own Flexmonster themes. You can add the needed additional styles to the end of the flexmonster.less file, build the custom theme, and use the generated CSS files in your project.

    Such an approach allows keeping Flexmonster styles in one place.

  2. Applying different colors for headers via customizeCell.

    We have prepared a JSFiddle for illustration: https://jsfiddle.net/flexmonster/jc5d8hax/.
    In the example, the color for the "Price" header is set to yellow.

 
 
Please let us know if this helps.
 
Kind regards,
Vera

Please login or Register to Submit Answer