FlexSheet - How to style frozen cells when cloneFrozenCells is true

Posted by: holly.anderson on 7 November 2017, 2:11 am EST

    • Post Options:
    • Link

    Posted 7 November 2017, 2:11 am EST

    Hello,

    What is the proper way to style frozen cells in FlexSheet when the cloneFrozenCells property is set to true? Overriding the background color in a css rule as follows does not work.

    
    .flexSheet .wj-row .wj-cell.wj-frozen:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected){
                background-color: white;
    }
    
    

    Thanks,

    Holly

  • Posted 7 November 2017, 4:02 pm EST

    Hi Holly,

    You can apply style using wj-frozen class only.

    Please refer to the attached sample for the same.

    ~Manish

    FlexSheetDemo_Frozen.zip

  • Posted 8 November 2017, 12:19 am EST

    Hi Manish,

    If you add a link to a theme style sheet (e.g. wijmo.theme.office.min.css) to your sample, then overriding the color or background color on the wj-frozen class does not work.

    Holly

  • Posted 8 November 2017, 5:24 pm EST

    Hi Holly,

    You need to apply !important after property value for desired class.

    .wj-frozen{
                    color:red !important;
                    background: lightcoral !important;
                    font-style: italic;
                }
    

    ~Manish

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels