Angular Grid sorting and paging problem

[Mattia]

Hi! I'm using Kendo UI + AngularJS for display a grid with some local data. All works fine, the data are displayed correctly but when I try to sort or group or click to next page nothing happens.

Here some code snippets:

angular.element($('#bodyall')).scope().ctrl.poolGridOpts = {
                dataSource: {
                    data: poolGridData,
                    pageSize: 10
                },
                pageable: true,
                sortable: true,
                groupable: true,
                columns: [
                    { field: "field", title: "Name of field" },
                    { field: "value", title: "Value of field" }
                ]
            };

I create the option object for the grid and I set the data source as array of object field/value

div.html('<div kendo-grid="poolGrid" k-options="ctrl.poolGridOpts"></div>');

angular.element(div).injector().invoke(function ($compile) {
    var scope = angular.element(div).scope();
    $compile(div)(scope);
});

I fill the div with the html of the kendo-grid directive passing the options, thus I compile the html with angular

The grid is displayed with the data but is "static" and the sorting or grouping don't work. 

As you can see from image, the grid seems to be ok (correctly initialized) but nothing is working.

Any idea for what I'm wrong ?

[Kiril Nikolov]

Hello Mattia,

Can you please edit the following wroking example in order to show the issue that you face, so we can further investigate the issue?

http://dojo.telerik.com/aKaxE

Regards,
Kiril Nikolov
Telerik