angular-ui/ui-grid

Control over pagination template in UI-Grid

Open

#3,836 创建于 2015年6月22日

在 GitHub 查看
 (5 评论) (0 反应) (0 负责人)JavaScript (5,395 star) (2,496 fork)batch import
good first issuetype: enhancement

描述

Hello - thanks for UI grid, a great addition to angular!

Feature request -

a) Control over the appearance and behaviour of the pagination template through an instantiation option in grid options

e.g a few issues / requests here

  1. I would like to be able to move the pagination panel to at the top of the grid

  2. Once the data has been paged at least once, i.e user moves to second page, the pagination template overlaps the bottom of the grid, and the width of the select box for pageSizes is not wide enough to incorporate larger amounts - see http://gyazo.com/8431730d9b2ac2dcb7580ca0b542aad8 I've managed to "fix" issue 2) by overriding some of the css but it's not ideal

    .ui-grid-pager-panel {
      position:relative;
      display: inline-block;
    }
    .ui-grid-pager-max-pages-number {
      vertical-align: top;
    }
    .ui-grid-pager-row-count-picker select {
      width: auto !important;
    }
    
  3. Increased control over options in paginationPageSizes: Desired behaviour is control over styling and also allowing an "all" option in paginationPageSizes: e.g instead of [100, 500, 1000, 5000], to be able to use something like

    paginationPageSizes: [
      {amount: 100, label: "100"},
      {amount: 500, label: "500"},
      {amount: $scope.gridOptions.totalItems, label: "All"}]
    

贡献者指南