> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.monite.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.monite.com/_mcp/server.

# ApprovalRequestsTable component

## Overview

The `ApprovalRequestsTable` component displays a table containing the list of existing approval requests of the authenticated entity. The component supports searching, filtering, and pagination between these approval requests.

## Permissions

To access this component, the entity user must have `read` permission for the `approval_request` object. To approve or reject payables, the entity user must also have `update` permission for the `approval_request` object. For more information, see [List of permissions](/api/concepts/authentication#permissions).

## Preview

![ApprovalPoliciesTable component preview](/_fern-img/164e05c852538606290c0c35cb1f72aebd7058c79cf2b75fd3a9b849d6ea6289.webp)

> **Tip**
>
> You can move and organize the columns of the table the way you prefer.

## Usage

Bring in the `ApprovalRequestsTable` component into your application as shown:

**`React.js`**

```javascript React.js
import { ApprovalRequestsTable } from "@monite/sdk-react";

// This component must be rendered within the MoniteProvider wrapper
const ApprovalRequestsTablePage = () => {
  return <ApprovalRequestsTable />;
};
```

## Props

The following table shows all `ApprovalRequestsTable` component properties, their types, and descriptions:

| Prop               | Type       | Description                                                                                                                          |
| :----------------- | :--------- | :----------------------------------------------------------------------------------------------------------------------------------- |
| `onRowClick`       | `function` | This callback takes the identifier of the clicked row as a parameter and is triggered when an approval request table row is clicked. |
| `onRowActionClick` | `function` | This callback is called when the **Approve** or **Reject** buttons are clicked. It returns either `approve` or `reject`.             |