ReceivablesTable

Overview

ReceivablesTable is a React component that displays all accounts receivable documents - invoices, quotes, and credit notes - created by an entity. The component supports searching, filtering, and pagination between different receivables.

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 ReceivablesTable component in your application as shown:

React.js

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

Props

Prop	Type	Description
`onRowClick`	`function`	This callback takes the identifier of the clicked row as a parameter and is triggered when a receivables table row is clicked.
`onTabChange`	`function`	This callback is triggered any time the component’s tab is changed.
`tab`	`("0"\| "1" \| "2")`	This prop determines the currently active tab on the `ReceivablesTable` component. Each value represents either “Quotes”, “Invoices”, or “Credit notes” tabs.

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