Inline Editing Settings

Inline editing allows users to edit data directly within the table view.

📌 This feature is only available if inline editing is enabled for at least one column.

✨ Example of a Table with Inline Editing Enabled

In the example below, inline editing is enabled for the Name, Job, and Department columns (as well as other columns not visible in the screenshot).

Once enabled for one or more columns, the Inline Editing Settings panel becomes accessible. This panel allows you to define the save behavior and field padding.

⚙️ Save Behavior

Add Inline Icon Buttons to each Field

Ideal for text fields. This option adds save/cancel icons to each editable cell, requiring users to save changes individually per field.

Add Save Button to Table Header

Recommended for complex inputs like dates, checkboxes, radio groups, and dropdowns. This option adds a single save button to the table header, allowing users to save multiple changes at once (as shown in the example above).

⚙️ Padding

Defines the default inner spacing (padding) for inline editing fields. The default value is 8px. This setting allows you to manage padding globally to maintain a consistent layout across all editable fields.