Grid size is not responsive to changing window size

[Brad Carpenter]

Hello, I have seen other issues identified where the grid will not adjust in the y axis to fill window size. I have attempted testing with the "Height" property but have not had success. Can you recommend a way to do that? 

[Rajapandiyan Settu]

Hi Brad,  

  

Greetings from Syncfusion support. 

Based on your requirement, you want to adapt the Grid when resizing the window screen. 

 

By default, EJ2 Grid is responsive with the parent container of the Grid. To do that we need to the set the Grid height as “100%” and width in “n%”. You can change the height and width of parent-container element which will be adapted by Grid. 

Kindly set the height as 100% for html, body, Grid’s parent element and  Grid element to achieve your requirement. 

[index.cshtml] 

<div class="container"> 

    <ejs-grid id="Grid" dataSource="@ViewBag.DataSource" allowPaging="true" height="100%">  // you must set the Grid’s height as 100% only.  

        ----- 

    </ejs-grid> 

</div> 

 

 

<style> 

    html, body { 

        height: 100%; // set the 100% height for html and body element 

    } 

 

    .container { 

        height: 100%; // customize the height of Grid’s parent element. You can also set 90%, 80% based on your requirement. 

    } 

</style> 

  

Help documentation :  

https://ej2.syncfusion.com/aspnetcore/documentation/grid/scrolling/#responsive-with-parent-container 

Please get back to us if you need further assistance with this. 

Regards,  

Rajapandiyan S