ReceivablesTable
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 thereceivable
object. For more information, see List of permissions.
Preview
![`ReceivablesTable` component preview.](https://files.readme.io/e4305ec-Screenshot_2023-09-09_at_14.45.54.png)
ReceivablesTable
component preview.
Usage
Use in the ReceivablesTable
component in your application as shown:
import { ReceivablesTable } from "@monite/sdk-react";
...
// This component must be rendered within the MoniteProvider wrapper
const ReceivablesTablePage = () => {
return <ReceivablesTable />
};
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. |
Updated 3 months ago