Angular kendo grid performance issue?

Question

I have problem with kendo ui angular directive for grid, because I have requirement to show grid with 500-1000 items without paging and when I populate grid with more than 100 items everything become very very (VERY) slow. Is there any way to make it faster or to reduce number of watchers. Or if you have any alternative please put it in answer.

you need to load records lazily when user scrolls down the page — Pankaj Parkar
This question is too vague, you need to show an example of your grid for us to check if it haves any custom template/command/column/whatever... An example of your data would be good too. — DontVoteMeDown

Nicholas Nicholas · Accepted Answer · 2015-05-05T00:17:00

A bit hard to debug without any code examples.

If you are not allowed to use paging, perhaps you should look into Virtualization of remote data:

$("#grid").kendoGrid({
    dataSource: {
        type: "odata",
        serverPaging: true,
        serverSorting: true,
        pageSize: 100,
        transport: {
            read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
        }
    },
    height: 543,
    scrollable: {
        virtual: true
    },
    sortable: true,
    columns: [
        { field: "OrderID", title: "Order ID", width: 110 },
        { field: "CustomerID", title: "Customer ID", width: 130},
        { field: "ShipName", title:"Ship Name", width: 220 },
        { field: "ShipAddress", title:"Ship Address" },
        { field: "ShipCity", title:"Ship City", width: 130 },
        { field: "ShipCountry", title:"Ship Country", width: 130 }
    ]
});

Angular kendo grid performance issue?

2 Answers