html5 gantt row header width auto fit

The width of the Gantt chart row header (including the width of individual columns) will be adjusted automatically to fit the longest text. This feature is enabled by default.

Note: This feature can cause performance problems if you display a large number of tasks and progressive row rendering is turned off.

JavaScript Gantt Chart

You can disable the row header with auto-fit using rowHeaderWidthAutoFit property:

const gantt = new DayPilot.Gantt("gantt", {
  rowHeaderWidthAutoFit: false,
  // ...
});

It is possible to limit the automatic column width using maxAutoWidth property of the columns array items.

const gantt = new DayPilot.Gantt("gantt", {
  columns: [
    {title: "Name", property: "name"},
    {title: "Info", property: "info", maxAutoWidth: 100}
  ],
  // ...
});