Endless Scrolling

[Mohammed]

Hi,

Does the Grid support Endless/infinite scrolling?

if no, is there a way to make this possible?

Thanks,

Mohammed

[Iliana Dyankova]

Hi Mohammed,

Such functionality is available in Kendo UI Grid - it is known as virtual scrolling. In order to get it working the grid should be configured like here:

$("#grid").kendoGrid({
  //....
   scrollable: {
     virtual: true
   }
 });

You could check this online demo which illustrates the aforementioned functionality. 

Kind regards,
Iliana Nikolova
the Telerik team

[Mohammed]

Hi,

Well, thats will only work if all data are loaded first time. But what I'm after is that, only 20 items are loaded per page, so If I scroll down, an event should be fired with the current page. But its not doing that.

#####################
@(Html.Kendo().Grid<DummyViewModel>()   
                .Name("Grid")
                .Columns(columns => {
                    columns.Bound(o => o.Id).Width(120);
                    columns.Bound(o => o.Name).Width(100);
                    columns.Bound(o => o.Email);
                })   
                .Sortable()
                .Scrollable(scrollable => scrollable.Virtual(true).Height(280))  
                .DataSource(dataSource => dataSource
                    .Ajax()
                    .PageSize(128)
                    .Read(read => read.Action("DummyAction", "Dummy"))
                 )
            }
#####################

Thanks.

Mohammed.

[Iliana Dyankova]

Hello Mohammed,

I apologize for the misunderstanding. Generally speaking, Endless/infinite scrolling is not supported in Kendo UI Grid. When the virtual scrolling is enabled with the initial request the total number of records is retrieved. As for the event, by design the dataBound event is fired with every next piece of data.

I hope this information helps.
 
Regards,
Iliana Nikolova
the Telerik team

[Volker]

Hi,

is this statement (endless scrolling not possible without loading all items at once) still true?

If so, will it be changed in future? I hope so, because such a behaviour is quite standard today.

Best regards,
Volker

[Iliana Dyankova]

Hi Volker,

I cannot be more specific about if / when this feature be available out-of-the-box in Kendo UI Grid, however you can check this code library which demonstrates a possible workaround.

Regards,
Iliana Nikolova
Telerik

 

 

[Nick]

Hello,

Has there been an update on this? I could really use this feature in Kendo Grid or a workaround.

Thanks,
Nick

[Iliana Dyankova]

Hello Nick,

Kendo UI Grid does not support endless scrolling at this point, however you could use the approach suggested in the code library.

Regards,
Iliana Nikolova
Telerik

 

 

[Nirav]

Hi lliana, 

I tried virtual scrolling with kendo Grid. Client is complaining about scrolling effect is not smooth (Horizontal and vertical scrolling) . So can you please help me how can i solve this issue with kendo grid.

Thanks,

Nirav

[Petyo]

Hi Nirav,

the thread does not seem to be related to the problem you describe, and you have submitted the same post three times. Please refrain from posting the same issue in multiple forum threads.

Regards,
Petyo
Telerik

 

 

[My]

Hello,

Is the workaround still the only way to implement grid infinite scroll?

Thanks.

[Petyo]

Hi,

I am not sure to which workaround you refer to - the thread itself is quite old. I may suggest that you open a separate support thread for the problem you face. 

Regards,
Petyo
Telerik