1. Home
  2. Forum
  3. Angular - EJ 2
  4. Grid is only responsive when first resized

Grid is only responsive when first resized

Hello Syncfusion Team,


In my Grid I have set some columns to a static width (with the width property) and some columns are responsive with a minWidth. Everything is working fine but ONLY when the page was resized once.


So when I load my page with a smaller window (or in this example with the console open) it appears like that.



And as soon as i resize the page for only one pixel (in this example expanding the console for one pixel) the grid changes just like I want it to be.



Do you have an idea what the cause of this problem could be?


Kind Regards, Peter


3 Replies 1 reply marked as answer
RR Rajapandi Ravi Syncfusion Team January 27, 2022 02:31 PM UTC

Hi Peter, 

Greetings from Syncfusion support 

Before we start providing solution on your query, we need some information for our clarification. So please share the below details that will be helpful for us to provide better solution. 

1)        Please share your complete Grid rendering code, we would like to check how many columns you are maintaining and how did you define some columns to static width and minwidth. 

2)        Please share the issue scenario in video demonstration format, we would like to check you exact issue scenario and try to reproduce at our end. 

Regards, 
Rajapandi R 


PL Peter Linecker January 31, 2022 08:03 AM UTC

Hello Syncfusion Team,


You can find the HTML, TS and the video of me showing the problem in the attachments.


I had to hide the data inside the grid for data protection purposes, that's why the notepad is there.


Kind Regards, Peter


Attachment: Syncfusion_Support_5fb93b16.rar


SK Sujith Kumar Rajkumar Syncfusion Team February 1, 2022 12:19 PM UTC

Hi Peter, 

Thanks for sharing the video demo and code file. 

We could see that you are setting the minWidth value alone to some of the columns and facing problem that this width is not maintained. The columns minWidth and maxWidth properties are used for restricting the column width between the specified minimum and maximum width respectively on column resize. It does not set minimum and maximum width for the column itself. So you need to set width to the column for it to not go below that value. 
 
More details on this can be checked in the below documentation link, 
 

If we misunderstood your query or if you require any further assistance, then please get back to us. 

Regards, 
Sujith R 


Marked as answer
Loader.
Up arrow icon