# Data Table

This page helps you use the [Data Table component](/flow/flow-components/data-table.md) and access some specific features you might need to configure. 

## Core functionality

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Data Table 101</strong></td><td></td><td></td><td><a href="/pages/bTsjAaQvWdNnxxD7fHii">/pages/bTsjAaQvWdNnxxD7fHii</a></td><td><a href="/files/6zU50jM4KM2WZB1GzxFJ">/files/6zU50jM4KM2WZB1GzxFJ</a></td></tr><tr><td><strong>Guided Tutorial by Yumi Ibrahimzade</strong></td><td></td><td></td><td><a href="https://www.linkedin.com/posts/yumiibrahimzade_ad-salesforce-trailblazercommunity-activity-7208434323576827906-T2X3">https://www.linkedin.com/posts/yumiibrahimzade_ad-salesforce-trailblazercommunity-activity-7208434323576827906-T2X3</a></td><td><a href="/files/0BvGRnj1oZDClE2GlEQi">/files/0BvGRnj1oZDClE2GlEQi</a></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr></tbody></table>

## Enhancing Data Display & Interaction

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Adding Images</strong></td><td></td><td></td><td><a href="/files/Y5HjfDkrkY80vGCaOERW">/files/Y5HjfDkrkY80vGCaOERW</a></td><td><a href="/pages/vmb4lxNZz3C8jYpmmqQf">/pages/vmb4lxNZz3C8jYpmmqQf</a></td></tr><tr><td><strong>Displaying a record as a QR Code</strong></td><td></td><td></td><td><a href="/files/lMedwwW4kVvQOIQQKuKs">/files/lMedwwW4kVvQOIQQKuKs</a></td><td><a href="/pages/FCV510w7m9NQBW2SEB2n">/pages/FCV510w7m9NQBW2SEB2n</a></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr></tbody></table>

## Advanced Features

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Add fields as filters</strong></td><td></td><td></td><td><a href="/files/Sxwqv7zuxWsWyThoYmjU">/files/Sxwqv7zuxWsWyThoYmjU</a></td><td><a href="/pages/q3qgA2nQZ3mC0SNpI06R">/pages/q3qgA2nQZ3mC0SNpI06R</a></td></tr><tr><td><strong>Making a field Editable</strong></td><td></td><td></td><td><a href="/files/s19v4YGXvo7s1lLfspzG">/files/s19v4YGXvo7s1lLfspzG</a></td><td><a href="/pages/cBH9B45E3VEDo6b3E5Xe">/pages/cBH9B45E3VEDo6b3E5Xe</a></td></tr><tr><td><strong>Setting up Data Export</strong></td><td></td><td></td><td><a href="/files/jASbeqtBat8pYM0eMK7Y">/files/jASbeqtBat8pYM0eMK7Y</a></td><td><a href="/pages/snGyMucsQqK4y3NA7ipb">/pages/snGyMucsQqK4y3NA7ipb</a></td></tr><tr><td><strong>Implementing Bulk Edit</strong></td><td></td><td></td><td><a href="/files/Bse7jQsgWjqZ6gjEappJ">/files/Bse7jQsgWjqZ6gjEappJ</a></td><td><a href="/pages/bbS0wcNU4ivQ5vzRDZNy">/pages/bbS0wcNU4ivQ5vzRDZNy</a></td></tr></tbody></table>

## Tips and Tricks

Take your Data Tables to the next level with these handy tips and tricks.

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Add Clickable Buttons</strong></td><td></td><td></td><td><a href="/pages/ufB696CreNwYkrV7TP9l">/pages/ufB696CreNwYkrV7TP9l</a></td></tr><tr><td><strong>Show or Hide Columns Based on Conditions</strong></td><td></td><td></td><td><a href="/pages/vv7gHCWdy5M3wkZgY9QM">/pages/vv7gHCWdy5M3wkZgY9QM</a></td></tr><tr><td><strong>How to color-code Badges</strong></td><td></td><td></td><td><a href="/pages/K42mituNDEN7ib4mcHi0">/pages/K42mituNDEN7ib4mcHi0</a></td></tr><tr><td><strong>How to Grayscale Header Actions Dynamically</strong></td><td></td><td></td><td><a href="/pages/VWtAv8qxKBPoHbt9FhO8">/pages/VWtAv8qxKBPoHbt9FhO8</a></td></tr><tr><td><strong>How to refresh the Data Table by pressing a button</strong></td><td></td><td></td><td><a href="/pages/eu6FBvsBeycsuPLzDNxz">/pages/eu6FBvsBeycsuPLzDNxz</a></td></tr><tr><td><strong>How to use formulas in Text Fields</strong></td><td></td><td></td><td><a href="/pages/HWBWQRa7l1oJcP0j4RnZ">/pages/HWBWQRa7l1oJcP0j4RnZ</a></td></tr><tr><td><strong>How to send multiple Record IDs to Another Flow</strong></td><td></td><td></td><td><a href="/pages/LlUGfD9DRLzomcnZl4Mu">/pages/LlUGfD9DRLzomcnZl4Mu</a></td></tr><tr><td>🎥 <strong>7 Tips and Tricks on the Avonni Data Table</strong></td><td></td><td></td><td><a href="https://www.youtube.com/watch?v=f1qzN1EqryU">https://www.youtube.com/watch?v=f1qzN1EqryU</a></td></tr></tbody></table>


---

# 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.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.