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.
Unfortunately, activation email could not send to your email. Please try again.

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

Thread ID:





129704 Mar 29,2017 11:11 AM Mar 30,2017 02:47 AM ASP.NET Core 1
Tags: Grid
Arron Hayre
Asked On March 29, 2017 11:11 AM


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


Saravanan Arunachalam [Syncfusion]
Replied On March 30, 2017 02:47 AM

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. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.