Code


<div ng-app="app" ng-controller="appCtrl">
    <m-grid grid-options="gridOptions"></m-grid>
</div>

<script>
var app = angular.module('app', ['ui.bootstrap', 'm-grid']);

app.controller('appCtrl', function($scope) {
    $scope.gridOptions = {
        columns: [{
            name: '#',
            field: 'id'
        }, {
            name: 'Full name',
            field: 'fullName'
        }, {
            name: 'Email',
            field: 'email'
        }],
        sorting: true,
        defaultSorting: 'id'
    };

    var data = [];

    for (var i = 0; i < 105; i++) {
        data.push({
            id: (i + 1),
            fullName: 'Name ' + (i + 1),
            email: 'email' + (i + 1) + '@test.com'
        })
    }

    $scope.gridOptions.data = data;
})
</script>
      
    
Pagination come with basic grid by default. To disable pagination use gridOptions.disablePagination = true