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

Resizing the ejgrid.

Hi guys,

I am trying to resize the grid as a whole but it seems it does not want too. Resizing the div element does not work, accessing the controls's model attributes and changing the scrollSettings height still does not work, even the windowresize functionality has no effect.

It seems as if once you have initialized the grid, its dimension is static(height and width does not change).

Is there a way where I can change the height and width of the ejgrid? 

1 Reply

PK Prasanna Kumar Viswanathan Syncfusion Team December 12, 2016 06:07 AM UTC

Hi Tshepo, 

Thanks for contacting Syncfusion support. 

If you need to resize the grid according to the browser window resized, we suggest you to enable the isResponsive property in the grid.  

To make the grid responsive, we have to include the MinWidth property in your sample. The minwidth property is used to set the minimum width of the responsive grid. If the grid is less than the minwidth then the scrollbar will be displayed to maintain the minimum width. 

Find the code example and sample: 

       dataSource: window.gridData, 
       allowPaging: true, 
       allowSorting: true, 
       isResponsive: true, 
       minWidth: 600, 
       columns: [ 

Refer to the Help document for the responsive. 

If we misunderstood your query, please elaborate your requirement it will help us to provide the better solution. 

Prasanna Kumar N.S.V 

Live Chat Icon For mobile
Up arrow icon