Resizing the ejgrid.

[Tshepo]

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? 

[Prasanna Kumar Viswanathan]

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: 

 $("#Grid").ejGrid({ 

       dataSource: window.gridData, 

       allowPaging: true, 

       allowSorting: true, 

       isResponsive: true, 

       minWidth: 600, 

       columns: [ 

                  ------------------- 

                ] 

            });      

        }); 

Sample: http://www.syncfusion.com/downloads/support/forum/127793/ze/Html_Encode_Feature339339324 

Refer to the Help document for the responsive. 

https://help.syncfusion.com/js/grid/responsive 

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

Regards, 

Prasanna Kumar N.S.V