CODEWITHSUNDEEP
angularjsangular-ui-grid
Coder
Coder

Reputation: 223

UI-Grid pagination template editable

is there any way to edit pagination template from ui-grid

enter image description here

need to remove blue color rounded and replace selected row index value of total number row in that page

could any one please help out, Thanks in advance!!!!!

Upvotes: 3

Views: 3698

Answers (2)

Slava
Slava

Reputation: 3505

Use paginationTemplate option:

    self.gridOptions = {
        enablePaginationControls: true,
        paginationTemplate: $http.get('/Content/paging-control-template.html', { cache: $templateCache }).then(function (response) {
            return response.data;
        })}

Upvotes: 3

Torres
Torres

Reputation: 46

I think you should use pagination controlled by API

http://ui-grid.info/docs/#/tutorial/214_pagination

like this:

<div class="left" >
    <a ng-click="page >= 1 ? gridApi.pagination.seek(1): '' "><i class="material-icons left">skip_previous</i></a>
    <a ng-click="page >= 1 ? gridApi.pagination.previousPage() : '' "><i class="material-icons left">fast_rewind</i></a>
    {{page}} / {{pages}}
    <a ng-click="page < pages ? gridApi.pagination.nextPage() : '' "><i class="material-icons">fast_forward</i></a>
    <a ng-click="page < pages ? gridApi.pagination.seek(pages) : ''  "><i class="material-icons">skip_next</i></a>
</div>

Upvotes: 0

Related Questions