Ag-grille afficher le nombre de lignes

Question

Je suis en train de tester la version d'entreprise, et je veux savoir si je peux afficher dans la ligne de la barre d'état du texte personnalisé? (Si la barre d'état est impossible, est-il une alternative?)

Je veux montrer X rows/Y total rows de la table, ou si cela est impossible, juste X rows

OU Indicators: Blue - Manual Deposit, Red - Failed Deposit, Green - Success (avec un style personnalisé pour montrer couleurs dans cet exemple)

Est-ce possible? (BTW, j'utilise Angular 1)

Answer 1

Vous avez demandé 2 questions différentes, et je vais essayer de vous expliquer les deux.

Je veux montrer les lignes X/Y nombre total de lignes de la table

Vous avez le Y total rows à gridOptions.api.getModel().getRowCount(). Le X rows je suppose se réfère à «lignes affichées en cours» et je pense qu'il n'y a pas de façon actuelle de l'obtenir. Nous avions l'habitude de bien, donc je peux me tromper.

Indicateurs: Bleu - Dépôt manuel, Rouge - Dépôt Failed, Vert - Succès

Je suppose que vous parlez de changer un style de cellule/ligne? Pour le style de cellule, jetez un oeil à Column Definition cellClassRules. De la page Web:

ag-Grid permet d'appliquer des règles pour inclure certaines classes. Si vous utilisez AngularJS, ceci est similaire à ng-class, où vous spécifiez des classes en tant que clés d'objet Javascript, et des règles en tant que valeurs d'objet.

Vous pouvez l'utiliser comme ceci:

//'Success', 'Manual' and 'Failed' are placeholders for the actual values 
// you must compare to. 
cellClassRules: { 
    'green': function(params) { return params.value === 'Success'}, 
    'blue': function(params) { return params.value === 'Manual'}, 
    'red': function(params) { return params.value === 'Failed'} 
}, 

Pour toute style de ligne, vous pouvez réaliser avec what I explained in this other question

// Again, 'Success', 'Manual' and 'Failed' are placeholders 
// for the actual values you must compare to. 
gridOptions.api.getRowStyle(params) { 
    switch(params.data.myColumnToCheck){ 
     case 'Success': 
      return {'background-color': 'green'}; 
     case 'Manual': 
      return {'background-color': 'blue'}; 
     case 'Fail': 
      return {'background-color': 'red'}; 
    } 
    return null; 
}