Panel Resize Plugin

Gantt uses PanelResizePlugin from @revolist/revogrid-pro. It installs the shared plugin automatically with an end-pinned timeline and a default timeline width of 70%.

The last visible task-table column stretches to fill the left panel as the divider moves. Narrowing the panel restores its configured or manually resized width, with horizontal scrolling when needed. Columns with autoSize keep their own sizing, and maxSize limits stretching.

Code that snapshots runtime column widths can call getColumnBaseSize({ type, column, size }) to exclude the panel’s temporary stretch. It returns the configured or manually resized base for the currently stretched left-table column and passes other sizes through without changing the rendered layout. Gantt uses this when rebuilding managed columns.

import { PanelResizePlugin } from '@revolist/revogrid-pro';

const plugins = await grid.getPlugins();
const panel = plugins.find(plugin => plugin instanceof PanelResizePlugin);
panel?.setPanelWidth(600);

Use getPanelWidth(), setPanelWidth(width), and syncPanelScrollPosition(coordinate) to access the pinned panel. The panel-resize event carries { width }. Divider and scrollbar classes use the rv-panel- prefix. Set --rv-panel-accent to customize the divider color; Gantt defaults this color to --gantt-task-bg.

The former Gantt-specific plugin, configuration/detail types, and resize event have been replaced by the shared Pro API.