Max Size Grid Responsive Control

[Eugene Fong]

What is the max size of the Grid  if Responsive is TRUE and the display client is desktop Chrome?  I can't seem to have it fill the entire Web Page.

[Sathyanarayanamoorthy Eswararao]

Hi Eugene, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and found that you need the grid to occupy the full width of the webpage. To achieve this requirement we suggest you to set the width and height in the scrollSettings property to 100% and isResponsive property to true so that the width is set based on the browser width. 

Refer the below code example. 

<ej-grid id="grid"  datasource="(IEnumerable<object>)ViewBag.datasource" is-responsive="true" allow-filtering="true" allow-grouping="true" allow-paging="true" allow-scrolling="true"> 

 

 

        <e-scroll-settings  width=@("100%") height=@("100%")></e-scroll-settings> 

 

                      …..      

 

{"edit","update","cancel"})" /> 

        <e-columns>                      

                     ….. 

    </ej-grid> 

 

 

Please refer the below documentation. 

https://help.syncfusion.com/aspnet-core/grid/responsive 

https://help.syncfusion.com/api/js/ejgrid#members:scrollsettings  

https://help.syncfusion.com/aspnet-core/grid/scrolling 

If we misunderstood your query please get back to us. 

Regards, 

Sathyanarayanamoorthy