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

# Gantt view

> Visualize project tasks as timeline bars with configurable dates, work days, and colors.

Gantt view is a classic project management tool — time on the horizontal axis, tasks on the vertical, with each task's start, end, and progress visualized as bars. Quick read on overall progress and key milestones. Gantt views are widely used in project planning, team collaboration, and time management — they help optimize resource allocation, lift productivity, and keep projects on schedule.

## Create a Gantt view

Click the **+** icon at the right of the view title bar, pick **Gantt view**.

![](https://img.alicdn.com/imgextra/i1/O1CN01HW2b551XL06yCxRPt_!!6000000002906-2-tps-454-586.png)

## Configure a Gantt view

![](https://img.alicdn.com/imgextra/i4/O1CN01LicQa61l9SkpwPdH9_!!6000000004776-2-tps-1126-812.png)

### **Field management**

Click **Field management** in the toolbar — drag the icon on the left to reorder, click the eye on the right to show/hide, click the icon on the right to edit or delete.

Note: the primary field can't be deleted, hidden, or moved. Reorder / show-hide changes in Gantt view don't affect other views; edits and deletions sync to other views.

![](https://img.alicdn.com/imgextra/i4/O1CN01fFnQ5S1ZaguZmxevl_!!6000000003211-2-tps-1014-822.png)

### **Gantt config**

Click **Gantt config** in the toolbar to set: start date, end date, title, color, work-day config.

**Start / End date**: pick date fields — these define the bar's start and end.

**Title**: pick a field — its value shows on the bar.

**Color**: pick a custom color from a few presets, or **Follow field color**. The latter requires a single-select field — bar color matches the option color.

![](https://img.alicdn.com/imgextra/i2/O1CN015TzoNS1DX6G7vNpTe_!!6000000000225-2-tps-1126-812.png)

**Work-day config**: toggle work-days-only, customize work days.

![](https://img.alicdn.com/imgextra/i1/O1CN01K3hfNX1r6bz3kt6Db_!!6000000005582-2-tps-964-884.png)

Pick **Custom weekly schedule** to choose which days are work days. Click **+ Add other work days** and click dates in the calendar to adjust.

Pick **Statutory holidays (incl. compensation days)** to follow government-published rules.

![](https://img.alicdn.com/imgextra/i4/O1CN01yfC5Wi29Nhqm07fTI_!!6000000008056-2-tps-1560-730.png)

In Gantt view, non-work days have a shaded background.

![](https://img.alicdn.com/imgextra/i3/O1CN014thBnq2AC5PwRx7o7_!!6000000008166-2-tps-1668-666.png)

## Edit a Gantt view

### View

1. Click **\<\<** next to the top-left nav to fold the table sidebar.
2. Click **\<\<** at the top-right of the field area to collapse all left fields, expanding the Gantt area to the full screen.

![](https://img.alicdn.com/imgextra/i1/O1CN010zUjGj1v514CnTivY_!!6000000006120-2-tps-1710-574.png)

### Add / edit records

1. Hover an empty cell — an addable area appears.
2. Click to add a bar.
3. Hover a record's bar — drag to change start / end, or hold and drag the whole bar (not editable when start / end are created-time values).

![](https://img.alicdn.com/imgextra/i3/O1CN01Vst45U1y4xryOhdG9_!!6000000006526-2-tps-1412-1018.png)

### Set a milestone

Click to create a milestone. Type the name, press Enter or click outside to save. To edit or delete, click the name to edit or delete the milestone.

1. Hover any date in the Gantt timeline — a flag icon appears.
2. Click the flag to add a milestone.
3. Enter milestone title and date.

![](https://img.alicdn.com/imgextra/i1/O1CN01rozvQ11w1dlNrREZb_!!6000000006248-2-tps-2250-552.png)

![](https://img.alicdn.com/imgextra/i4/O1CN01TbL7JR1TRdNuhTTsE_!!6000000002379-2-tps-2174-684.png)

### Time scale

Gantt view supports Year / Quarter / Month / Week — switch in the top-right.

Click **Today** in the top-right to jump to today.

![](https://img.alicdn.com/imgextra/i4/O1CN01U2cKhN1pIrLM2nqvW_!!6000000005338-2-tps-2256-410.png)

When a bar is out of view, click **←** or **→** on either side of the bar to jump to its start or end.

![](https://img.alicdn.com/imgextra/i2/O1CN01DHHIb21F9Ozu0lA1w_!!6000000000444-2-tps-906-1026.png)

## Field management

Pin fields on the left of the Gantt view — they stay put on horizontal scroll.

* Open **Field config** in the toolbar, click the icon next to a field to control its left-side visibility.
* Or right-click a visible field, pick **Hide field / column**.

Note: the primary field is shown by default and can't be hidden.

![](https://img.alicdn.com/imgextra/i3/O1CN01fRVl0U1Uop3LlXfCf_!!6000000002565-2-tps-1240-874.png)

## Filter, group, sort

See [Filters and filter groups](/aitable/basic-operations/filters-and-filter-groups), [Grouping](/aitable/basic-operations/grouping), [Sorting](/aitable/basic-operations/sorting).

## FAQ

#### **Q: Does AI Table's Gantt view support task dependencies?**

A: No. You can't create dependencies between bars or set predecessor / successor tasks.