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

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

Props

PropTypeDescription
onRowClickfunctionThis callback takes the identifier of the clicked row as a parameter and is triggered when a receivables table row is clicked.
onTabChangefunctionThis 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.