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.
Syncfusion Feedback

Grid rows not resizing when browser size changes.

Thread ID:

Created:

Updated:

Platform:

Replies:

124886 Jul 6,2016 10:55 AM UTC Jul 7,2016 06:31 AM UTC JavaScript 1
loading
Tags: ejGrid
Greg Gannicott
Asked On July 6, 2016 10:55 AM UTC

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

Prasanna Kumar Viswanathan [Syncfusion]
Replied On 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 
 


CONFIRMATION

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.

Warning Icon 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.Close Icon

;