PayablesTable
A table that displays the list of payable invoices that are available to the entity user with the access token. The component supports filtering and pagination between these payables. The UI for each table row depends on the payable status on that row. For example, payables in the waiting_to_be_paid
status have a customizable "Pay" button to pay the payable. To pay a payable via the "Pay" button, use the onPay
prop on the PayablesTable
component. For more information, see Props.
Preview

PayablesTable
component preview.
Usage
Use in the PayablesTable
component in your application as shown:
import { PayablesTable } from "@monite/sdk-react"
...
// TODO: This component must be rendered within the MoniteProvider wrapper
return (
<>
<PayablesTable />
</>
);
Props
Prop | Type | Description |
---|---|---|
onChangeFilter | function | This callback is triggered when the filtering options are changed. |
onRowClick | function | This callback takes the identifier of the clicked row as a parameter and is triggered when a payable table row is clicked. |
onPay | object | This callback is the event handler for the "Pay" action. It accepts the UUID of the payable table row to perform the action on. |
Updated about 1 month ago