> ## Documentation Index
> Fetch the complete documentation index at: https://learn.nextedy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Use Inline Cell Editing

> This guide explains how to edit task fields directly in the Nextedy GANTT grid columns without opening the lightbox.

export const LastReviewed = ({date}) => {
  if (!date) return null;
  const formatted = new Date(`${date}T00:00:00Z`).toLocaleDateString("en-US", {
    year: "numeric",
    month: "long",
    day: "numeric",
    timeZone: "UTC"
  });
  return <p className="mt-10 text-sm text-gray-400 dark:text-zinc-500 not-prose">
      Last reviewed on {formatted}
    </p>;
};

<Info title="Verify in application">
  This page is based on source code analysis. Some UI behaviors described here may vary depending on your version. Verify the editing experience in your Gantt installation.
</Info>

## Prerequisites

* A Gantt widget with grid columns configured
* Edit mode enabled (click the **Edit** button in the toolbar)

## How Inline Cell Editing Works

Inline cell editing lets you click directly on a grid cell to modify its value. Each column can have an associated editor type that determines the input widget shown when editing. The Gantt supports four editor types:

| Editor Type | Input Widget        | Use Case                                       |
| ----------- | ------------------- | ---------------------------------------------- |
| `text`      | Text input field    | Free-text fields like titles or descriptions   |
| `number`    | Numeric input field | Duration, percentage, or numeric custom fields |
| `date`      | Date picker         | Start date, end date, or deadline fields       |
| `select`    | Dropdown menu       | Enumeration fields like status or priority     |

Each editor uses a `mapTo` property that links the editor to the underlying task property it reads from and writes to.

## Built-In System Column Editors

The Gantt includes several built-in system columns with pre-configured inline editors:

| System Column | Editor Type            | Behavior                                                      |
| ------------- | ---------------------- | ------------------------------------------------------------- |
| `start_date`  | Date picker            | Opens a date picker mapped to the configured start field      |
| `end_date`    | Date picker (end date) | Validates that end date is not before start date              |
| `duration`    | Duration editor        | Accepts day values; changes update the end date automatically |
| `progress`    | Number (0-100)         | Accepts values 0-100; internally stored as 0.0-1.0            |
| `deadline`    | None (read-only)       | Not editable inline; use the lightbox or Polarion directly    |
| `owner`       | None (read-only)       | Not editable inline; use the lightbox to change assignments   |

## Configure Grid Columns with Editors

To add columns to the Gantt grid, configure the **Table** section in the widget parameters:

1. Open the Polarion page containing the Gantt widget
2. Edit the widget properties
3. Locate the **Table** configuration section
4. Set the grid `WIDTH` parameter to control the overall grid panel width in pixels
5. Configure the **FIRST\_COL** settings for the task title column:
   * `showId` -- display the work item ID prefix (e.g., `WI-123:`)
   * `showTitle` -- display the work item title text
   * `showIcon` -- display the work item type icon
6. Add additional columns using the **COLUMNS** list

<Info title="Verify in application">
  The exact widget parameter names for column configuration may vary by version. Check the widget parameter editor in your Polarion page for the available column settings.
</Info>

<Frame>
  <img src="https://mintcdn.com/none-17b4493f/DDjWgCW2DWY5biNv/gantt/diagrams/guides/editing/inline-cell-editing/diagram-1.svg?fit=max&auto=format&n=DDjWgCW2DWY5biNv&q=85&s=5ae7e913cca6939c5a1cad8bbb45ef83" alt="diagram" style={{ maxWidth: "620px", width: "100%" }} width="620" height="380" data-path="gantt/diagrams/guides/editing/inline-cell-editing/diagram-1.svg" />
</Frame>

## Edit a Cell Value

1. Ensure the Gantt is in **Edit mode** (click  **Edit** in the toolbar)
2. Click on an editable grid cell -- the appropriate editor opens based on the column type
3. Modify the value:
   * For **text** and **number** editors: type the new value
   * For **date** editors: select the date from the picker
   * For **select** editors: choose an option from the dropdown
4. Press **Enter** or click outside the cell to confirm
5. The updated value writes back to the task property defined by the editor's `mapTo` field

<Tip title="Changes propagate immediately">
  When you confirm an inline edit in the grid, the new value propagates immediately to the visible columns and the timeline without requiring a full Gantt reload.
</Tip>

<Warning title="Read-only columns">
  The `deadline` and `owner` system columns do not have inline editors. To modify these fields, double-click the task bar to open the lightbox or edit the work item directly in Polarion.
</Warning>

## Verify Your Configuration

After configuring columns with editors:

1. Enter Edit mode in the Gantt
2. Click on a `start_date` or `duration` cell
3. You should now see the inline editor open with the current value pre-filled
4. Change the value and press Enter -- the task bar position should update immediately in the timeline

## See Also

* [Configure Grid Columns](/gantt/guides/visualization/columns) for detailed column setup
* [Manage Column Visibility](/gantt/guides/visualization/column-visibility) to show or hide columns
* [Use the Lightbox Inline Editor](/gantt/guides/editing/lightbox-editor) for full work item field editing
* [Configure Additional Fields in Create Dialog](/gantt/guides/editing/additional-dialog-fields) to customize the new-item dialog

<LastReviewed date="2026-07-07" />