# Data Table Add Action

{% hint style="info" %}
**Block Information**

Available in: Page Flow

Toolbox Category: Widget - Data Table

Block Type: [Regular](https://docs.zingy.ai/app-editor/block-anatomy#regular-block)
{% endhint %}

The [Data Table](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/data-table) widget presents a popup menu when the user clicks on a row of the [Data Table](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/data-table) widget on the page.

The **`Data Table Add Action`** block lets you add custom options to the popup menu and take an action if the user selects the option.

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2Fl9EPMgCfi4zVqU6W3hgD%2Fimage.png?alt=media&#x26;token=ff4cceb7-8c4d-4f1f-845a-675393f3c3ab" alt="" width="506"><figcaption><p>Data Table Add Action block</p></figcaption></figure></div>

The block consists of the following (from top to bottom):

* *Data Table*: [Selectable Input](https://docs.zingy.ai/app-editor/block-anatomy#selectable-input) to choose the [Data Table](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/data-table) widget from your page.
* *Label*: [Input](https://docs.zingy.ai/app-editor/block-anatomy#input) configuration setting to specify the text label for the option.
* *Icon*: [Input](https://docs.zingy.ai/app-editor/block-anatomy#input) configuration setting to specify an icon via [Font Awesome 6](https://fontawesome.com/search?o=r\&m=free\&new=yes) icon's CSS classes.
* *Selection Tasks*: a [Flow Parameter](https://docs.zingy.ai/app-editor/block-anatomy#flow-parameters) where you connect blocks that specify what you want done after a selection is made. Use the [Data Table : Table Name](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/data-table-table-name) and [Data Table : Data](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/data-table-data) blocks to aid with your processing.

{% hint style="success" %}
NOTE: Each instance of this block adds one option to the menu. Hence to add multiple options, use this block as many times as needed.
{% endhint %}

***

## Usage Example

The image below shows an example of the Data Table Add Action block where the option with label *Custom1* and and icon from [Font Awesome 6](https://fontawesome.com/search?o=r\&m=free\&new=yes) is used.

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FQzOFIgnK6grO50MHbvta%2Fimage.png?alt=media&#x26;token=a4302a77-2a0b-4728-b774-aaedb937fc30" alt="" width="563"><figcaption><p>Example of Data Table Add Action</p></figcaption></figure></div>