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.

Disable Vertical Scroller

Thread ID:

Created:

Updated:

Platform:

Replies:

129241 Mar 6,2017 07:30 PM Mar 8,2017 08:15 AM ASP.NET Core 3
loading
Tags: Grid
Stefan Goosen
Asked On March 6, 2017 07:30 PM

When enabling responsive grid and specifying a min width, the grid correctly shows the horizontal scroll bar when resizing the window, but the vertical scroll bar also appears.  It seems like the grid is not taking the height of the added horizontal scrollbar into consideration and therefor adds the vertical scrollbar.  This looks really bad when only one row in the grid.

Is there a way to prevent the vertical scroll bar from becoming visible.



Venkatesh Ayothi Raman [Syncfusion]
Replied On March 7, 2017 05:13 AM

Hi Stefan, 
Thanks for contacting Syncfusion support. 
For your requirement, we suggest you to enable the AllowScrolling property and set scroll settings height as “100%”  like as follows, 
Code example
@Grid 
@(Html.EJ().Grid<BasicMVCSample.Grid.OrdersView>("ForeignKey") 
        .Datasource((IEnumerable<object>)ViewBag.dataSource1) 
        .AllowPaging() 
        .AllowGrouping() 
        .IsResponsive() 
        .MinWidth(500) 
        .AllowScrolling() 
        .ScrollSettings(s=>s.Height("100%")) 
        . . . 
        .Columns(col => 
        { 
            . . . 
        })) 

Please let us know if you have any further assistance on this? 

Regards, 
Venkatesh Ayothiraman. 


Stefan Goosen
Replied On March 7, 2017 08:34 AM

Thank you Venkatesh, could you provide an example on how to achieve this using tag helpers?

Venkatesh Ayothi Raman [Syncfusion]
Replied On March 8, 2017 08:15 AM

Hi Stefan, 
Thanks for the update. 
To set scroll settings 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. It accepts any type of value such as int and string. So we need to give values like as follows, 
Code example: 
@Grid 
<ej-grid id="Grid" is-responsive="true" min-width=500 allow-scrolling="true" allow-paging="true" > 
    . . . 
    <e-scroll-settings height=@("100%") ></e-scroll-settings> 
    <e-columns> 
        . . . 
    </e-columns> 
 
 
</ej-grid> 
 
Regards, 
Venkatesh Ayothiraman. 


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.

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.

;