Overwrite the Cell Selection style if Row Selection style applied

[Unknown]

Hi Team,

First of all, Thank you for the fantastic product. 

We are facing one small issue in Data Grid Cell and Row styling, We want to overwrite the cell styling if row styling is applied on the similar row. 

Can you please help us to solve this issue. A small demo link will be helpful.

Thanks,

Vikas

[Vinitha Balasubramanian]

Hi Vikas,

Greetings from Syncfusion support.

Query :  Overwrite the Cell Selection style if Row Selection style applied

Before proceeding your query, we were unable to get your exact requirement. Kindly share the below details with us to validate your query at our end.

• In your query, you have mentioned that “want to overwrite the cell styling if row styling is applied on the similar row”, Kindly share what do you mean on that word “similar row”.
• Please share if you want to apply both cell customization and row customization in the same row of the Grid component.
• Please share your complete grid code file with us.
• If possible, kindly share the video demonstration of your reported problem which will be more helpful to validate at our end.

Regards,

Vinitha Balasubramanian

[Unknown]

Hi Vinitha,

Actually we were trying to apply both cell customization and row customization in the same row of the Grid component. We resolved this issue by overriding the CSS in material.scss like this.

td.e-active {

      background: $grid-row-selection-bg-color;

      color: $grid-row-selection-color;

      border-width: 1px 0 0 1px !important;

      border-color: #e0e0e0 !important;

    }

Please find the below screenshot, Before row selection and After Row selection.

Once again thank you for your support.

[Vinitha Balasubramanian]

Hi Vikas,

We are glad that you figured out the issue. Please get back to us if you have any other concern.

Regards,

Vinitha Balasubramanian