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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

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

Thread ID:

Created:

Updated:

Platform:

Replies:

129704 Mar 29,2017 03:11 PM UTC Mar 30,2017 06:47 AM UTC ASP.NET Core 1
loading
Tags: Grid
Arron Hayre
Asked On March 29, 2017 03:11 PM UTC

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 [Syncfusion]
Replied On 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>  
   . . .  
       
</ej-grid>  
 
 
Regards, 
Saravanan A. 


CONFIRMATION

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.

Warning Icon 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.Close Icon

;