Scrolling

[Arun Gandhi]

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]

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. 

Sample: http://www.syncfusion.com/downloads/support/forum/125579/ze/F125579-1267819955 

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

) 

https://help.syncfusion.com/aspnetmvc/grid/responsive#min-width 

https://help.syncfusion.com/aspnetmvc/grid/responsive 

https://help.syncfusion.com/js/api/ejgrid#members:minwidth 

https://help.syncfusion.com/js/api/ejgrid#members:isresponsive 

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.