# Enabling auto-refresh on the Data Table when pressing a button

## Overview

This tutorial will guide you through setting up an automatic refresh for the Data Table whenever a button is pressed. This function ensures that your data source is updated instantly after an action is taken, enhancing the data's accuracy and the overall user experience.

{% hint style="success" %}

## 💡 **Tip**

Use this tutorial if you want a button that lets users manually refresh the Data Table. For automatic refresh, use a **Refresh Query** interaction (e.g., when opening a [Flow dialog](/flow/component-builder/interactions-panel/open-flow-dialog.md) or [Panel](/flow/component-builder/interactions-panel/open-flow-panel.md)).
{% endhint %}

<figure><img src="/files/oA4HN06w8eyfTq0aUY9F" alt=""><figcaption><p>Final Result</p></figcaption></figure>

## Interactive Step-by-Step Tutorial

{% @arcade/embed flowId="ubPVhh6s5xulGJDlSp1F" url="<https://app.arcade.software/share/ubPVhh6s5xulGJDlSp1F>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/flow/tutorials/components/data-table/tips-and-tricks/enabling-auto-refresh-on-the-data-table-when-pressing-a-button.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.