This is a migrated thread and some comments may be shown as answers.

Angular Grid sorting and paging problem

1 Answer 121 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Mattia asked on 06 Jul 2015, 12:47 PM
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();

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 ?

1 Answer, 1 is accepted

Sort by
Kiril Nikolov
Telerik team
answered on 08 Jul 2015, 07:25 AM
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?

Kiril Nikolov
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Asked by
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question