Arrow key paging is not working kendoGrid but numeric paging is working properly.

[vinod]

When we add some record, its arrow key (<<  <  >  >>) paging is not working properly. But Number paging is (1,2,3,4,5)working properly.
How to make it correct? Can you please help me as soon as possible.

Function to show data.

var diagnosticDataSource = null;
var template = kendo.template($("#diagnosticRowTemplate").html());


var diagnosticGrid;

diagnosticDataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "/ControllerName/Action",
            dataType: "json",
        }
    },
    pageSize: 10
});

function ShowDiagnostics() {
    diagnosticDataSource.read();
    var columns = [
        { title: "DiagnosticBuilderID", field: "DiagnosticBuilderID", hidden: true, type: "number", filterable: false },
        { title: "Template Name", field: "TemplateName", hidden: false, type: "string", filterable: false },
        { title: "Target", field: "Target", hidden: false, type: "string", filterable: false },
        { title: "No. of Questions", field: "NumberOfQuestions", hidden: false, type: "number", filterable: false },
        { title: "Action", field: "", hidden: false, type: "string", filterable: false }

    ];

    diagnosticGrid = $("#tblDiagnostics").kendoGridAcademy({
        columns: columns,
        dataSource: diagnosticDataSource,
        rowTemplate: kendo.template($("#diagnosticRowTemplate").html()),
        filterable: true,
        pageable: true,
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true
    });
    $(diagnosticGrid).refresh();
}

[Atanas Korchev]

Hello,

Could you reproduce this behavior in any of our online demos? If yes could you please let us know what the required steps are?

Regards,
Atanas Korchev
Telerik