Custom loading icon in primeng datatable

1
votes

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?

1
angularprimeng

1 Answers

2
votes

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>