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. Image for the cookie policy date

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


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


1 Reply

SA Saravanan Arunachalam Syncfusion Team March 30, 2017 06:47 AM UTC

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>  
   . . .  
Saravanan A. 

Live Chat Icon For mobile
Up arrow icon