Не работает paging и columnResizing в ui-grid v3.0.0-rc.11

Кажется, что я не могу заставить какой-либо пейджинг или перегруппировку столбцов работать в новом ngGrid (ui-Grid) rc build v3.0.0-rc.11. Это должно быть действительно прямо в соответствии с этим примером: http://ui-grid.info/docs/#/tutorial/401_AllFeatures

Для моего главного div, если я это сделаю:

<div ui-grid="productGridOptions"  ui-grid-resize-columns class="uiGridProducts">

и в моем контроллере сделайте следующее:

$scope.productGridOptions={};       


         $scope.productGridOptions.enableColumnResizing = true;
         $scope.productGridOptions.enableFiltering = false;
         $scope.productGridOptions.enablePaging = true;

         $scope.productGridOptions.pagingOptions = {
                    pageSizes: [250, 500, 1000],
                    pageSize: 250,
                    currentPage: 1
         };


         $scope.productGridOptions.rowIdentity = function(row) {
            return row.id;
          };

         $scope.productGridOptions.getRowIdentity = function(row) {
            return row.id;
         };

         $scope.productGridOptions.data = 'products';

        //The options for the data table    
        $scope.productGridOptions.columnDefs = [
                  { name:'ID', field: 'id' },
                  { name:'Product', field: 'productName' },
                  { name:'Active Ing.', field: 'activeIngredients'},
                  { name:'Comments', field: 'comments' }
                ];

        prProductService.getProducts().then(function(products) {
            $scope.products = products;



        });

Работа пейджинга или изменения столбцов не выполняется. В учебнике ui-grid нет примеров подкачки, поэтому предположим, что он похож на ngGrid, но его изменение размера столбца, которое мне действительно нужно в данный момент.

Привет

я

Ответы

 $scope.productGridOptions.enableColumnResizing = true;

angular.module('app', ['ngRoute', 'ngResource', 'ui.bootstrap', 'ui.grid', 'ui.grid.resizeColumns'])

<div class="grid" ui-grid="gridOptions" ui-grid-resize-columns></div>

$scope.gridOptions = {
    data: 'data.data',
    enableSorting: true,
    enableColumnResizing: true
}