Activating inline editing

In this article, we'll go through the process of saving information when using inline editing inside a datatable.

This tutorial teaches you how to enable and save inline editing directly within your Avonni Data Table. This user-friendly feature allows end-users to make real-time changes to data without leaving the Data Table interface.

Steps

1. Configure the Avonni Data Table component

• Select the Data Table component

• Open the Component Builder to access advanced settings

2. Make a field editable

• From the Data Mapping section, click on the field that needs to be editable

• Scroll down and check the Editable toggle

• Save your changes

3. Configuring the Save Action for Inline Edits

1. Access the Interactions Panel: Click the "Interactions" panel to manage how your Data Table handles user interactions.

2. Initiate the Save Interaction: Click the "Add Save" button to create a new save interaction.

3. Choose the 'Update Records' Option: Select "Update Records" to ensure that changes made by the user are saved to your database.

4. Finalize the Interaction: Click "Save" or a similar button to confirm the changes to your save interaction.