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.

Preview

Usage

Use in the ReceivablesTable component in your application as shown:

import { ReceivablesTable } from "@monite/sdk-react";

...

// TODO: This component must be rendered within the MoniteProvider wrapper
return (
  <>
    <ReceivablesTable />
  </>
);

Props

Prop	Type	Description
`onChangeFilter`	`function`	This callback is triggered when the filtering options are changed.
`onChangeSort`	`function`	This callback is called when the current sorting order for any column is changed. It returns the newly sorted field and order.
`onRowClick`	`function`	This callback takes the identifier of the clicked row as a parameter and is triggered when a receivables table row is clicked.