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

Scrolling

Thread ID:

Created:

Updated:

Platform:

Replies:

125579 Aug 25,2016 11:06 PM UTC Aug 26,2016 11:34 AM UTC ASP.NET MVC 1
loading
Tags: Grid
Arun Gandhi
Asked On August 25, 2016 11:06 PM UTC

Hello,

How can I add horizontal scrolling to Grid? I have got more than 25 columns. I don't want to use Virtual Scrolling.  The scroll bar id not showing.

Code
------
@(Html.EJ().Grid<EC.Seating.Entity.GG_Guest_Data>("FlatGrid")
        .Datasource((IEnumerable<object>)ViewBag.datasource)
        .AllowSorting()
        .AllowPaging()
        //.ScrollSettings(col => { col.AllowVirtualScrolling(true).VirtualScrollMode(VirtualScrollMode.Normal).Height(500).Width(1135); })
        .ScrollSettings(col => { col.Height(500).Width(1135); })
        .AllowScrolling()
        .ShowColumnChooser()
        .IsResponsive()
        .CommonWidth(200)
        .AllowResizeToFit()
        .AllowResizing()
        .EnableAltRow()
--------

Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On August 26, 2016 11:34 AM UTC

Hi Arun, 

We are unable to reproduce any issue with the provided code example. We have prepared a sample that can be downloaded from the following location. 


We could see you are using the IsResponsive of Grid. To use the responsiveness of the Grid, you have to enable the MinWidth along with the IsResponsive API of the Grid. Refer to the following code example and Help Documents. 

@(Html.EJ().Grid<object>("FlatGrid") 
            .Datasource((IEnumerable<object>)ViewBag.data) 
            .AllowSorting() 
            .AllowPaging() 
        //.ScrollSettings(col => { col.AllowVirtualScrolling(true).VirtualScrollMode(VirtualScrollMode.Normal).Height(500).Width(1135); }) 
            .ScrollSettings(col => { col.Height(500).Width(1135); }) 
            .AllowScrolling() 
            .ShowColumnChooser() 
            .IsResponsive() 
            .MinWidth(500) 
            .CommonWidth(200) 
            .AllowResizeToFit() 
            .AllowResizing() 
            .EnableAltRow() 
) 


If you are still facing any issue, please provide the following information to analyze the issue. 

1)      Code example of entire Grid and customized scripts. 
2)      Screenshot/video explaining the issue 
3)      If possible, modify the attached sample and send to us. 

Regards, 
Seeni Sakthi Kumar S. 


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

;