• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Resizing in ASP.NET Core Gantt Chart Control

This sample demonstrates the Gantt column resizing feature. Click and drag at the right corner of each column header to resize the column.

DEMO
SOURCE

The Gantt columns can be resized by clicking and dragging at the right corner of columns header. Set the allowResizing property to true to enable column resizing behavior in Gantt. You can also prevent the resize of a particular column by setting columns -> allowResizing to false in columns definition.


In this demo, the allowResizing feature has been enabled by setting the allowResizing property to true. Task Name column can be resized between a range of minWidth (120 pixels) and maxWidth (300 pixels). The column resizing has been disabled in the Duration column.

More information about column resizing can be found in this documentation section.


Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab