Skip to main content

Fiscal Document - NFSe Table

This section describes the FinancialManagementNfseTableComponent component.

It renders the table of NFSe (service invoices), handling data fetching, pagination, sorting and the action menu (view, copy key, download DANFe/XML). It provides the NfseListService internally and opens the invoice detail modal when an item is viewed.

Visibility​

This table is part of the dashboard/list section, shown only while the fiscal document module is activated for the active company (@if (nfModuleActivated() === true)). See Module activation status for the full rule and example.

Usage​

You need to import it in your module and use it in your template.

financial-management-nfse-table.component.ts
import {
FinancialManagementNfseTableComponent,
CategoryFinancialManagement,
} from '@celerofinancas/ui-charges';

@Component({
standalone: true,
selector: 'nfse-table',
imports: [FinancialManagementNfseTableComponent],
templateUrl: './nfse-table.component.html',
})
export class NfseTableComponent {
protected readonly category = CategoryFinancialManagement.PAYABLES_NFSE;
}

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

nfse-table.component.html
<bfm-financial-management-nfse-table
[categoryFinancialManagement]="category"
/>

Inputs​

The FinancialManagementNfseTableComponent component has the following inputs:

categoryFinancialManagement​

Defines the financial management category used for tracking and detail context. It also determines the API type resolved internally: RECEIVABLES_NFSE maps to receivables, any other value maps to payables.

TypeDefault
CategoryFinancialManagementundefined

Events​

The FinancialManagementNfseTableComponent component has no events. Pagination, sorting and row actions are handled internally by the component and its NfseListService.