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.
Unfortunately, activation email could not send to your email. Please try again.

Resizing the ejgrid.

Thread ID:





127793 Dec 9,2016 02:22 AM Dec 12,2016 01:07 AM JavaScript 1
Tags: ejGrid
Asked On December 9, 2016 02:22 AM

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 [Syncfusion]
Replied On December 12, 2016 01:07 AM

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 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.