# Data Table

This page helps you use the [Data Table component](https://docs.avonnicomponents.com/flow/flow-components/data-table) 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="data-table/learn-the-basics">learn-the-basics</a></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FAzZHiy9lrDQtiLl7aUx1%2FDesign%20sans%20titre%20(44).png?alt=media&#x26;token=330f923e-b1db-484f-a82c-4f20bc4925b1">Design sans titre (44).png</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="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FcXcEoZIPMKP6uHn2bheT%2FDesign%20sans%20titre%20(43).png?alt=media&#x26;token=12c05cd0-e5d4-49ce-8bac-cec1b229c913">Design sans titre (43).png</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="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FymG1pIuE9jriWzuLVpJd%2FDesign%20sans%20titre%20(40).png?alt=media&#x26;token=cb3de106-c4f9-4881-98f7-58a59490fa71">Design sans titre (40).png</a></td><td><a href="data-table/how-to-add-images-onthe-data-table">how-to-add-images-onthe-data-table</a></td></tr><tr><td><strong>Displaying a record as a QR Code</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FhIkSOMer4RPxCsOB26Fr%2FDesign%20sans%20titre%20(41).png?alt=media&#x26;token=cf3f4565-78d0-46a3-bfe3-4ea218911b22">Design sans titre (41).png</a></td><td><a href="data-table/displaying-a-record-as-a-qr-code">displaying-a-record-as-a-qr-code</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="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fmet4i2gXv25bhx6xepQT%2FDesign%20sans%20titre%20(38).png?alt=media&#x26;token=11c90b76-f3f0-4c6f-9b45-e09ef23d9ae6">Design sans titre (38).png</a></td><td><a href="data-table/adding-filters">adding-filters</a></td></tr><tr><td><strong>Making a field Editable</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fh1ryNDi3EJgrRY28otAd%2FDesign%20sans%20titre%20(39).png?alt=media&#x26;token=8edf8378-cfea-4052-b589-d5ef6d5fffc2">Design sans titre (39).png</a></td><td><a href="data-table/making-a-field-editable">making-a-field-editable</a></td></tr><tr><td><strong>Setting up Data Export</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FBZkrR9fr6OY15RYgQUou%2FDesign%20sans%20titre%20(42).png?alt=media&#x26;token=a9a47d18-11c0-4755-a029-79a2a60f07e8">Design sans titre (42).png</a></td><td><a href="data-table/setting-up-data-export">setting-up-data-export</a></td></tr><tr><td><strong>Implementing Bulk Edit</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FPbbOIFtGjjCaEYnybEku%2FDesign%20sans%20titre%20(37).png?alt=media&#x26;token=da8b26e0-26bc-45f8-a2c4-1b3206609ea8">Design sans titre (37).png</a></td><td><a href="../projects/implementing-a-bulk-edit-on-the-data-table">implementing-a-bulk-edit-on-the-data-table</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="data-table/tips-and-tricks/creating-an-action-from-a-button-or-a-link">creating-an-action-from-a-button-or-a-link</a></td></tr><tr><td><strong>Show or Hide Columns Based on Conditions</strong></td><td></td><td></td><td><a href="data-table/tips-and-tricks/how-to-set-column-visibity">how-to-set-column-visibity</a></td></tr><tr><td><strong>How to color-code Badges</strong></td><td></td><td></td><td><a href="data-table/tips-and-tricks/customizing-the-badge-color-using-a-formula">customizing-the-badge-color-using-a-formula</a></td></tr><tr><td><strong>How to Grayscale Header Actions Dynamically</strong></td><td></td><td></td><td><a href="data-table/tips-and-tricks/how-to-grayscale-header-actions-dynamically-in-avonni-data-table">how-to-grayscale-header-actions-dynamically-in-avonni-data-table</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="data-table/tips-and-tricks/enabling-auto-refresh-on-the-data-table-when-pressing-a-button">enabling-auto-refresh-on-the-data-table-when-pressing-a-button</a></td></tr><tr><td><strong>How to use formulas in Text Fields</strong></td><td></td><td></td><td><a href="data-table/tips-and-tricks/handling-formula-text-field">handling-formula-text-field</a></td></tr><tr><td><strong>How to send multiple Record IDs to Another Flow</strong></td><td></td><td></td><td><a href="data-table/tips-and-tricks/passing-multiple-record-ids-to-another-flow">passing-multiple-record-ids-to-another-flow</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>