Kendo-grid Infinite scrolling feature not working in js/cshtml(.NET)

Kendo-grid infinite scrolling feature is not working. Below is the code, I will explain some approaches I took

<div id="gridContainer2" class="width-800">
                        <kendo-datasource ref="testDS"
                                          :transport-read="getResponses"
                                          :page-size="formResponseSearchQuery.PageSize"
                                          :server-paging="true"
                                          :server-sorting="true"
                                          :server-filtering="true"
                                          :schema-data="'ResultSet'"
                                          :schema-total="'TotalRows'"
                                          :schema-model-id="'FormResponseId'">
                        </kendo-datasource>
                        <kendo-grid ref="responseGrid"
                                    id="responseGrid"
                                    :data-source-ref="'testDS'"
                                    :height="500"
                                    :width="800"
                                    :scrollable-endless="true"
                                    :sortable="true"
                                    :server-sorting="true"
                                    :columns="responseGridColumns"
                                    :selectable="true"
                                    v-on:change="openResponseView">
                        </kendo-grid>
</div>

1. I made it work by using :pageable-page-size attribute, but that shouldn't be used there is this condition.
2. :scrollable-virtual="true" did not work
3. However referring: https://demos.telerik.com/kendo-ui/grid/endless-scrolling-remote I tried to use

scrollable: { endless: true }, which is not working.

Is the way being tried to use :scrollable-endless is right? Or Is there other right approach.