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.
Syncfusion Feedback

Disable Vertical Scroller

Thread ID:

Created:

Updated:

Platform:

Replies:

129241 Mar 7,2017 12:30 AM UTC Mar 8,2017 01:15 PM UTC ASP.NET Core 3
loading
Tags: Grid
Stefan Goosen
Asked On March 7, 2017 12:30 AM UTC

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 10:13 AM UTC

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 01:34 PM UTC

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 01:15 PM UTC

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.

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

;