We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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


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.


3 Replies

BS Balaji Sekar Syncfusion Team August 30, 2019 11:03 AM UTC

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] 
    .e-grid .e-group-intent { 
        width: 30px !important; 

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

Balaji Sekar. 

PK pk August 30, 2019 01:53 PM UTC


DR Dhivya Rajendran Syncfusion Team September 2, 2019 04:51 AM UTC

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.  


Live Chat Icon For mobile
Up arrow icon