Example of Column Resize in ASP.NET MVC Gantt Control

This sample demonstrates column resizing in the Gantt Chart. Resize a column by dragging the right edge of its header to adjust the column width.

DEMO
SOURCE

Columns can be resized interactively by dragging the right edge of a column header. Individual columns can also define minWidth and maxWidth values to restrict resizing within a specified range. To enable resizing, set the allowResizing property to true.

In this sample, the Task Name column can be resized between 120 and 300 pixels, while resizing is disabled for the Duration column using the column-level allowResizing property.

More information on the Essential® Gantt Chart can be found in this columns resizing documentation section.


Looking for the full ASP.NET MVC Gantt Chart component overview, features, pricing, and documentation? Visit the ASP.NET MVC Gantt Chart page.

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