angular ui-grid pagination v3.0.0-RC.18 not working

Question

How do you get pagination to work/controls to appear using angular ui-grid? Has anyone successfully done it?

I am aware of the tutorial.

Things I've tried that haven't worked:

Using the tutorial as a guide.
Remaking the example outside of my project.
Using different versions of ui-grid; I've tried RC.12 - RC.21.
Using different versions of angularjs; I've tried 1.2.26 - 1.3.15.

I know that the ui.grid.pagination module is in the ui-grid js file I'm using and that it is being picked up by my controller. I tested this by changing the name of the directive in the ui-grid js file.

Code from controller:

var app = angular.module('myApp', ['ui.grid', 'ui.grid.pagination', 'ngAnimate', 'ngTouch']); app.controller('myCtrl', ['$scope', '$http', function ($scope, $http) { $scope.gridOptions = { enablePagination: true, enableFiltering: true, enableSorting: true, enableHorizontalScrollbar: false, enablePaginationControls: true, paginationPageSizes: [25, 50, 75], paginationPageSize: 25, }

HTML:

<div class="container-fluid"> <h1>Processes</h1> <div ng-controller="myCtrl"> <div ui-grid="gridOptions" ui.grid.pagination></div> </div> </div>

PaulL · Accepted Answer · 2015-05-27 08:46:51Z

1

You've put ui.grid.pagination instead of ui-grid-pagination in the html.

answered May 27, 2015 at 8:46

PaulL

6,6503 gold badges37 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

T. Holland Over a year ago

Thank you so much for your response! This is what happens when you copy and paste.

Collectives™ on Stack Overflow

angular ui-grid pagination v3.0.0-RC.18 not working

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related