arrow collapse/expand column problem on screen resize using grouping in grid

[pk]

Hi,

There's a problem in the grid using Grouping.

When I resize the the window the grid content starts to move over the left space and goes over the arrow.

this problem happens on your own demo example https://ej2.syncfusion.com/aspnetcore/Grid/Grouping#/bootstrap4 (try resizing the window and you will see)

I need to maintain the size of that column, because I applied a different background color for the .e-groupcaption so it looks bad.

thanks.

[Balaji Sekar]

Hi Pablo,  

By default, Grid incentcell(left space of grid content after grouped) adjust based on the Grid columns width resizing. Based on your requirement, we have defined fixed width in indentcell  of EJ2 Grid. Please refer the below code example for more information. 

[Code example] 

<style> 

    .e-grid .e-group-intent { 

        width: 30px !important; 

    } 

</style> 

 

Please get back to us, if you need further assistance. 

Regards, 

Balaji Sekar. 

[pk]

thanks

[Dhivya Rajendran]

Hi Pablo, 

We are happy that the provided solution was helpful to achieve your requirement. Please get back to us if you need further assistance from us.  

Regards, 

R.Dhivya