CODEWITHSUNDEEP
angularprimeng
Alessandro Celeghin
Alessandro Celeghin

Reputation: 4199

Custom loading icon in primeng datatable

In my angular 4 project I have a some primeng datatable and I want to use a custom loading icons when table is loading. But I don't know how to use a custom icon in the project, I downloaded the icon from loading.io, do I need the css version or svg version?

In Primeng I see that there are this default iconenter image description here How can I put mine like this?

Upvotes: 1

Views: 12629

Answers (1)

bchampion
bchampion

Reputation: 201

Look for the icon you want to display at http://fontawesome.io/icons/

Example : fa-spinner is the css class of the following icon http://fontawesome.io/icon/spinner/

In your template, add the loadingIcon propertie :

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

Upvotes: 2

Related Questions