Amount Grouped Details Table

This section describes the AmountGroupedDetailsTableComponent component.

Composition

The AmountGroupedDetailsTableComponent has no any composition component.

Usage

You need more customization, you need to import it in your module and use it in your template.

amount-grouped-details-table.component.ts

import { AmountGroupedDetailsTableComponent } from '@celerofinancas/ui-cash-flow';

@Component({
  standalone: true,
  selector: 'example-amount-grouped-details-table',
  imports: [AmountGroupedDetailsTableComponent],
  templateUrl: './amount-grouped-details-table.component.html',
})
export class ExampleAmountGroupedDetailsTable {}

Then, in your template, you can use the component like this:

amount-grouped-details-table.component.html

<bfm-amount-grouped-details-table
  [displayedColumns]="['name', 'classification', 'value']"
  [financialRecordPk]="'financialRecordPkValue'"
  [loading]="false"
  [title]="'Lista de lançamentos'"
/>

Inputs

The AmountGroupedDetailsTableComponent component has the following inputs:

displayedColumns

Columns to be displayed in the table

Type	Default
string[]	['name', 'classification', 'value']

financialRecordPk

Financial record primary key

Type	Default
string	''

loading

Loading state

Type	Default
boolean	false

title

Table title

Type	Default
string	'Lista de lançamentos'

Events

The AmountGroupedDetailsTableComponent component has no any events.