Can i have width with scrollbar?

Question

I want to implement like this.https://ej2.syncfusion.com/aspnetcore/Grid/FrozenRows#/materialonly my issue is i have first row and then i want to allocate remain height to grid without scroll of whole page and give grid to all the other height and width. can you let me know show should i do that? i have tried couple of things but it does not work

TestPage Data Sync

Select a Instance:

Sync Status: @(ViewBag.IsInstanceRunning?"Running":"Idle")

Current Instance:

Balaji Sekar · Accepted Answer

Hi Sandip, 
 
Based on your query, we have bound the scroller in the Grid instead of browser scroller while overflow of Grid rows and window resizing using DOMContentLoaded, onresize events.  
 
In DOMContentLoaded event, we have found the Grid from whole window height and other DOM height(header and footer element) and apply the remaining height to Grid’s parent element which is action apply in the initial rendering. 
 
In onresize event, we have performed the above code action and apply the remaining height to Grid’s parent element It is perform while window resize. 
 
Please refer the below code example and sample for more information. 
 




[Index.cshtml] 
document.addEventListener("DOMContentLoaded", function () { 
        iterateGridHeight(); 
    }) 
    window.onresize = function () { 
        iterateGridHeight(); 
    } 
    function iterateGridHeight() { 
        var contentHeight = document.getElementById("footer").offsetHeight + document.getElementById("header").offsetHeight; 
        var gridParentHeight = window.innerHeight - contentHeight - 70; 
        document.getElementById("control-section").style.height = gridParentHeight + "px"; 
    } 
 
Sample link:  
 
Please get back to us, if you need further assistance. 
 
Regards, 
Balaji Sekar

Balaji Sekar · Answer

Hi Sandip, 
 
Greetings from the Syncfusion support. 
 
We checked your query with provided the information. You have defined Grid’s pageSize as 50 and height as 100% so Grid is rendering 50 records with 100% of height it is render the Grid’s height based on Grid’s parente element height. If Grid is 100%  of height, you need to set static height to Grid’s parent element it will adopt 100% of Grid height with Grid’s parent element. Since please share your exact on your requirement to us that will help to validate further. 
 
Regards, 
Balaji Sekar

Sandip · Answer

I want something like this.I don't want to have whole page scroll but only grid to scroll. with frozen columns. also grid to resize grid when browser resize and always occupy grid's remaining height with window's height.Right now if i resize it doesn't work well and also does not take full size.

Sandip · Answer

Thank you for your replay. i think you forget to put the link of sample.

Balaji Sekar · Answer

Hi Sandip, 
 
We have shared the sample with achieved your requirement as given below, 
 
Sample link: https://www.syncfusion.com/downloads/support/forum/164834/ze/Grid-Responsive-515331933.zip 
 
Please get back to us, if you need further assistance. 
 
Regards, 
Balaji Sekar