ui-grid: Pagination does not work

My app dependencies:

window.ethnicApp = angular.module 'ethnicApp', ['templates', 'ngRoute', 'ngResource', 'ui.router', 'angular-loading-bar',
                                                'angularFileUpload', 'ngAnimate', 'ui.grid', 'angular-underscore', 'ui.grid.pagination',
                                                'authModule', 'homeModule', 'itemsModule',
                                                'addItemModule', 'showItemModule']

My html

.grid ui-grid="itemsGridOptions" external-scopes='itemActionsManager' ui-grid-pagination=""

My Controller:

 $scope.itemsGridOptions = {
      paginationPageSizes: [10, 20, 30],
      paginationPageSize: 10,
      columnDefs: [
        { name: 'id' }
        { name: 'name' }
        { name: 'description' }
        { name: 'total_likes', displayName: '#Likes'}
        { name: 'seller.email' }
        { name: 'actions', displayName: 'Actions', cellTemplate: 'app/Items/Index/SubViews/ItemAction.html' }
      ]
    }

The page just show a table with 10 rows. No pagination sections at the bottom

About this issue

Original URL
State: closed
Created 9 years ago
Comments: 39 (8 by maintainers)

Most upvoted comments

useExternalPagination: true, not use®ExternalPagination, but possible a typo in comment.

I use this code, and working properly.

    $scope.gridOptions.onRegisterApi = function(gridApi){
            gridApi.pagination.on.paginationChanged($scope, function (pageNumber, pageSize) {
                console.log('pager get data: pageNumber, pageSize', pageNumber, pageSize);
                getPager(pageNumber, pageSize); 
            });
    };

extdevelopment on Jan 7, 2015