angular-ui/ui-grid

Control over pagination template in UI-Grid

Open

#3 836 ouverte le 22 juin 2015

Voir sur GitHub
 (5 commentaires) (0 réactions) (0 assignés)JavaScript (2 496 forks)batch import
good first issuetype: enhancement

Métriques du dépôt

Stars
 (5 395 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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"}]

Guide contributeur

Direction de recherche
Examinez le code du modèle de pagination dans ui grid pour comprendre comment le panneau de pagination est positionné et stylisé. Recherchez les options de personnalisation existantes et implémentez une option de configuration pour le placement en haut/en bas et pour les étiquettes de taille de page personnalisées comme 'Tout'.
Stack technique
javascript
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
AngularCSSGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65