Amounts/Transactions table

Component: <pcp-credit-card-amounts-table>

Preview:

Description

This component displays a table with transactions information.

---

Usage

import { PcpAmountsTableComponent } from '@celerofinancas/pcp-client-ui';

<pcp-credit-card-amounts-table 
    [count]="count"
    [dataSource]="transactions"
    [loading]="isLoading"
    [page]="currentPage"
    [totalPage]="totalPages"
    (getNext)="onGetNext()"
    (selectedRowsValue)="onSelectedRowsValue($event)"
    (sort)="onSort($event)"
/>

---

Component Inputs and Outputs

Inputs

Name	Type	Default	Description	Required
totalPage	number	0	The total number of pages available	NO
dataSource	Transaction[]	[]	The transactions data to be displayed in table	YES
loading	boolean	false	The loading state controller	NO
count	number	0	The total number of transactions available	NO
page	number	1	The current page number being displayed	NO

Outputs

Name	Type	Description
sort	EventEmitter<string>	Emits the current clicked column when sort icon is clicked
selectedRowsValue	EventEmitter<number>	Emits the sum of the values of the currently selected rows
getNext	EventEmitter<void>	Emits an event to load the next page of transactions when the user scrolls to the bottom of the table

---

Dependencies

• @celerofinancas/ui-common
• @celerofinancas/ui-directives
• @celerofinancas/ui-loaders
• @celerofinancas/ui-pipes
• @celerofinancas/class-utils

---

Notes