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. Image for the cookie policy date
close icon

Scrolling

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()
--------

1 Reply

SS Seeni Sakthi Kumar Seeni Raj Syncfusion Team 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. 


Loader.
Live Chat Icon For mobile
Up arrow icon