# Making a field editable

## Overview

This feature empowers users to edit information directly within the table cells, streamlining data management and saving valuable time. 

Two Editing Modes come with the [Avonni Data Table](/flow/flow-components/data-table.md):

* **Inline Editing (Pencil Icon):** When you activate inline editing for a field, a pencil icon appears next to the data. Users click the icon to edit.
* **Direct Cell Editing:** For even faster edits, choose "Display as Input." This transforms the field into an editable input box, eliminating the need for extra clicks.

## How to activate Inline Editing (Pencil Icon)

* Go to the **Data Mapping section**
* **Click on the column** of the field you want to make editable
* Scroll down and toggle the **`Editable`** attribute.

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

## How to activate Direct Cell Editing

This transforms the field into an editable input box, eliminating the need for extra clicks.

* Click on a column located in the Data Mappings section
* Toggle the "**Display as Input**" setting.

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

## How to make all fields editable at once

To quickly make all fields editable in your Data Table, activate the "Editable" option in the "All Columns Settings" section

<figure><img src="/files/3Ctgv997ohahnXDdux5b" alt=""><figcaption></figcaption></figure>

## **Saving Inline Edits in Avonni Data Table**

When you make fields editable, setting up an "**On Save**" interaction is vital to ensure those changes are properly stored in Salesforce. Without this, edits made in the Data Table won't be permanent.&#x20;

Here's how to configure this:

* **Access the Interactions Panel:** Click the "**`Interactions`**" panel to manage how your Data Table handles user interactions.
* **Initiate the Save Interaction:** Click the "**`Add Save`**" button to create a new save interaction.
* **Choose the 'Update Records' Option:** Select "**`Update Records`**" to ensure that changes made by the user are saved to your database.
* **Finalize the Interaction:** Click "**`Save`**" or a similar button to confirm the changes to your save interaction.

<figure><img src="/files/SLyZrwZRxkR7cyIxrI1c" alt=""><figcaption><p>Steps to activate the Save Interaction</p></figcaption></figure>


---

# 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/making-a-field-editable.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.