Grid - responsive 100% width and height with scrollbar - taghelpers

[Arron Hayre]

Hi,

I'm having a few problems with the grid. Would someone be able to help?

Im trying to:

• Get the grid to fit both horizontally and vertically on the page
• If there are too many records on the page, the scroll bar to show
• When the window is scaled down to a lower resolution (both horizontally and vertically), to make the scroll bars show
• When the window is resized, to resize the grid with it instead of having to force refresh the page

Thanks,

Arron

[Saravanan Arunachalam]

Hi Arron, 

Thanks for contacting Syncfusion’s support. 

We have analyzed your query and you need to render the responsive Grid with 100% of width and height. To set the width and height in percentage as a string, we suggest you to use ‘@’ symbol before setting the width and height in scrollSettings for grid when using Tag helper and please refer to the below code example. 

<ej-grid id="Grid" datasource=ViewBag.data allow-scrolling="true" is-responsive="true" min-width="700">  

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

   . . .  

       

</ej-grid>  

 

 

Regards, 

Saravanan A.