UI-网格分页模板可编辑

Question

有什么方法可以从 ui-grid

编辑分页模板

需要删除蓝色四舍五入并替换该页中总行数的选定行索引值

有哪位大神能帮帮忙，先谢谢了！！！！！！

Answer 1

我认为你应该使用 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>

Answer 2

使用分页模板选项：

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

UI-网格分页模板可编辑

UI-Grid pagination template editable

angularjs

angular-ui-grid