UI-Grid分页模板可编辑

Question

有没有办法从ui-grid

编辑分页模板

需要删除蓝色圆角并替换该页中总行数的所选行索引值

任何人都可以帮帮忙，在此先感谢!!!!!

Answer 1

使用paginationTemplate选项：

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

Answer 2

我认为你应该使用API​​控制的分页

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

像这样：

<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>