2017-10-07 4 views
-1

Dans mon projet angulaire 4, j'ai un datags primeng et je veux utiliser un chargement personnalisé des icônes lors du chargement de la table. Mais je ne sais pas comment utiliser une icône personnalisée dans le projet, j'ai téléchargé l'icône de loading.io, ai-je besoin de la version css ou version svg?Icône de chargement personnalisé dans primeng datable

En Primeng je vois qu'il y a cette icône par défaut enter image description here Comment puis-je mettre le mien comme ça?

Répondre

0

Recherchez l'icône que vous souhaitez afficher à http://fontawesome.io/icons/

Exemple: fa-spinner est la classe css de l'icône suivante http://fontawesome.io/icon/spinner/

Dans votre modèle, ajoutez la propriétée de loadingIcon:

<p-dataTable [value]="values" [loadingIcon]="fa-spinner"> 
    ... 
</p-dataTable> 
+0

Ok mais si je dois le personnaliser? par exemple la couleur etc ... – Alessandro

+1

Si vous voulez seulement changer le style, inspectez le DOM afin de savoir comment accéder à l'icône en CSS. Ajoutez ensuite le style dans styles.css. Par exemple dans votre styles.css ajoutez: .fa-circle-o-notch {color: red;} – bchampion

+0

Je veux utiliser une icône personnalisée – Alessandro