How to customize ngx datatable. I am not able to find, where I have to change the code to get rid of this total number of records and to replace it with a drop down to show items per page. My pagination are missing some icons too.
Answer
Use the custom footer template ( refer the link below ). so it overrides the default footer.
https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/footer.component.ts
Examples
If you want to just get rid of the footer, simply use:
<ngx-datatable-footer></ngx-datatable-footer>
If you want to customise it:
<ngx-datatable-footer>
<ng-template
ngx-datatable-footer-template
let-rowCount="rowCount"
let-pageSize="pageSize"
let-selectedCount="selectedCount"
let-curPage="curPage"
let-offset="offset"
>
<div style="padding: 5px 10px">
<div><strong>Summary</strong>: Gender: Female</div>
<hr style="width:100%" />
<div>
Rows: {{ rowCount }} | Size: {{ pageSize }} | Current:
{{ curPage }} | Offset: {{ offset }}
</div>
</div>
</ng-template>
</ngx-datatable-footer>