pagination icons not visible in p-datatable

UI Components for Angular
Post Reply
harigandikota
Posts: 2
Joined: 16 Oct 2019, 22:45

21 Oct 2019, 04:48

Hi ,

pagination icons/arrows are not visible when using p-datatable, though it is clickable.

Please advise.

below is a sample code in html file
nothing is present in scss file.
js file populates the OrderEnquiry data.

<p-dataTable [value]="OrderEnquiry" [loading]="loading" [rows]="25" [responsive]="true"
[sortField]="" [sortOrder]="" resizableColumns="true" [paginator]="true"
[styleClass]="ui-paginator" >


<p-column field="salesOrderHeaderID" header="Control Number" [filter]="true" [style]="{'width':'80px'}"
styleClass="dataTable-date">
<ng-template let-col let-row="rowData" pTemplate="body">
<a (click)='RedirectToDetailsPage(row)'> {{row[col.field]}} </a>
</ng-template>
</p-column>
..
</p-dataTable>

Thanks
Hari

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 9 guests