InvoicesTable

Overview

InvoicesTable is a React component that displays all outgoing invoices created by an entity. The component shows each invoice’s amount, status, issuance date, due date, and the counterpart to which they were sent.

Permissions

To access this component, the entity user must have read permissions for the receivable object. For more information, see List of permissions.

Preview

You can move and organize the columns of the table the way you prefer.

Usage

Use in the InvoicesTable component in your application as shown:

React.js

1 import { InvoicesTable } from "@monite/sdk-react";
2 
3 ...
4 
5 // TODO: This component must be rendered within the MoniteProvider wrapper
6 const InvoicesTablePage = () => {
7  return <InvoicesTable />
8 };

Props

The following table shows all InvoicesTable component properties, their types, and description:

Prop	Type	Description
`onRowClick`	`function`	This callback takes the identifier of the clicked row as a parameter and is triggered when a invoice table row is clicked.

1	import { InvoicesTable } from "@monite/sdk-react";
2
3	...
4
5	// TODO: This component must be rendered within the MoniteProvider wrapper
6	const InvoicesTablePage = () => {
7	return <InvoicesTable />
8	};