I want to use skeleton to wait for the loading of the table, but when I put the [loading]="idLoading" both are put, the skeleton and the ripple, how do I disable the ripple to leave only the skeleton?, or is there another way better to do it?, until now I wear this
<p-table #dt [value]="data" [rows]="10" [rowHover]="true" [showCurrentPageReport]="true" [rowsPerPageOptions]="[10,25,50]" [paginator]="true"
responsiveLayout="scroll" currentPageReportTemplate="Mostrando {first} a {last} de {totalRecords}" [filterDelay]="0"
[globalFilterFields]="['name']" [loading]="idLoading" id="depTable">
<ng-template pTemplate="header">
<tr>
<th pSortableColumn="col1">col1 <p-sortIcon field="col1"></p-sortIcon></th>
<th pSortableColumn="col2">col2 <p-sortIcon field="col2"></p-sortIcon></th>
<th pSortableColumn="col3">col3 <p-sortIcon field="col3"></p-sortIcon></th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-department>
<tr>
<td>{{ info.col1 }}</td>
<td>{{ info.col2 }}</td>
<td>{{ info.col3 }}</td>
</tr>
</ng-template>
<ng-template pTemplate="loadingbody">
<tr><td><p-skeleton></p-skeleton></td><td><p-skeleton></p-skeleton></td><td><p-skeleton></p-skeleton></td></tr>
<tr><td><p-skeleton></p-skeleton></td><td><p-skeleton></p-skeleton></td><td><p-skeleton></p-skeleton></td></tr>
<tr><td><p-skeleton></p-skeleton></td><td><p-skeleton></p-skeleton></td><td><p-skeleton></p-skeleton></td></tr>
</ng-template>
</p-table>
Thank you