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
WEBINAR  Visualize Customer Survey Reports Using Our React 3D Circular Charts Control —Thursday, May 02, 10:00 A.M. ET REGISTER NOW
close icon
  1. Home
  2. Forum
  3. jQuery
  4. Grid rows not resizing when browser size changes.

Grid rows not resizing when browser size changes.

Hi.

We have an issue where if the user resizes the browser, the grid itself (including the column headers) changes size, but the rows containing the data do not.

I've attached a demo project which demonstrates this.

Is this something we're doing wrong, or a problem with the control?

Thanks.

Attachment: Grid_Issue_8a3744d7.zip

1 Reply
PK Prasanna Kumar Viswanathan Syncfusion Team July 7, 2016 06:31 AM UTC

Hi Greg, 

Thanks for contacting Syncfusion support. 

To make the grid responsive, enable isResponsive property and 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 modified sample:                                                     


<body ng-app="demo"> 
    <div ng-controller="demoController as controller"> 
        <div ej-grid  
            e-datasource="controller.data"  
            e-columns="controller.columns" 
            e-allowresizing="true" 
            e-allowkeyboardnavigation="true" 
            e-allowscrolling="true" 
            e-scrollsettings-height="400" 
            e-isresponsive="true" 
            e-minwidth="800" 
            > 
    </div> 
    </div> 
</body> 



Help Documents 



Regards, 
Prasanna Kumar N.S.V 
 


Loader.
Live Chat Icon For mobile
Up arrow icon