New to Telerik UI for Blazor? Download free 30-day trial

Gantt Column Width Behavior

This article explains how the Gantt column width behaves depending on the settings applied by the developer.

With regard to the widths of its columns, the scrollable (default) Gantt chart typically behaves as any regular HTML table with a table-layout: fixed.

  • When all column widths are explicitly set and the cumulative column width is greater than the available Gantt chart width, a horizontal scrollbar appears and all set column widths are respected.

  • When all column widths are explicitly set and the cumulative column width is less than the available Gantt chart width, the remaining width is distributed evenly between all columns.

  • When only some column widths are set and the cumulative width of the columns with set widths is greater than the available Gantt chart width, a horizontal scrollbar appears and all set column widths are respected. Columns with no set width are invisible as their width is 0.

  • When only some column widths are set and the cumulative width of columns with set widths is less than the available Gantt chart width, the widths of the columns with a set width are respected and the remaining width is distributed evenly between the other columns.

  • When no column widths are set, the available width is distributed evenly between all Gantt chart columns.

In this article