10
votes

Comment ajouter du texte personnalisé à Primeng Paginator

J'aimerais savoir si vous pouvez ajouter du texte personnalisé à la ligne Paginatrice, plus précisément, j'aimerais que cela ait le total des hits pour la table à droite.


1 commentaires

Hey, j'ai également besoin d'ajouter un texte autour de la ligne-Count (par exemple: Afficher [5] entrées). Est-ce que quelqu'un peut m'aider?


4 Réponses :


3
votes

Vous pouvez simplement l'ajouter manuellement sous la table ...

<p-dataTable
    #myCoolTable>
...
</p-dataTable>
<div style="position: absolute; bottom: 5px; right: 20px;">
    filtered {{ myCoolTable.totalRecords }} from a total count of {{ myCoolTable.value.length }}
</div>


0 commentaires

3
votes

Vous ne pouvez pas ajouter le texte personnalisé à l'intérieur de la ligne Paginatrice. Mais vous pouvez ajouter le coup total juste en dessous du paginateur à l'aide de la page de page à l'aide de la table sous la forme xxx

sinon, vous pouvez ajouter le touché total au-dessus du paginateur en faisant séparer le paginateur, par exemple < Pré> xxx


0 commentaires

2
votes

Il s'agit de la solution exacte pour ajouter du texte personnalisé ou du nombre de lignes totales sur paginateur pour Primeng DataTable (angulaire): xxx


0 commentaires

9
votes
<ng-template pTemplate="paginatorleft">
  Showing {{totalRecords < 1 ? 0 : first + 1}} to 
  {{totalRecords > 0 ? ((rows+ first) <= totalRecords ? (rows + first) : 
  totalRecords) : 0}} of {{totalRecords ? totalRecords : 0}} entries  
</ng-template>

0 commentaires