# Displaying a Record as a QR Code

## Overview

This guide teaches you how to display a field value as a QR Code in your [Avonni Data Table](/flow/flow-components/data-table.md).

## Result

The final result will look like this:

<figure><img src="/files/MbTqEg3UJOsNy3bGI7rj" alt=""><figcaption></figcaption></figure>

## Steps

### 1. Create a Get Records collection

First, let's create a "Get Records" collection to retrieve a set of records from the account object.

* **Add an element** > Get Records
* **Label Name** > "GetAccounts"
* **Object Name** > Account
* Filter Account Records
  * **Condition requirements**: None - Get All Account Records
  * Select "**All Records**"
  * Click on the "**Done**" button

{% hint style="info" %}
Adjust your filtering settings to match your use case.
{% endhint %}

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

### 2. Add a screen element

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

### 3. Add the Avonni Data table component

* Drag the **Avonni Data Table component**
* Open the **Component Builder**
* Select a **Variable** Data Source
* **Add the source collection** created in [Step 1](#1.-create-a-get-records-collection)

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

### 4. Configure Data Mappings

* Create your columns (for example, Account Name, Account Description, and Website)
* For the Website Column, choose **QR code as a Data Type**
* Set a QR Code size if needed

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


---

# 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/displaying-a-record-as-a-qr-code.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.