We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Resizable columns

Is there any way to make the columns resizable using the mouse click? like a spreadsheet column, I tried: allowColumnResize but it does not work
rowHeight: 30,
milestoneTemplate: '#MilestoneTemplate',
parentTaskbarTemplate: '#ParentTaskbarTemplate',
taskbarTemplate: '#TaskbarTemplate',
allowColumnResize: true,

1 Reply

PP Pooja Priya Krishna Moorthy Syncfusion Team November 7, 2019 02:08 PM UTC

Hi Razvan, 
We have analyzed your query. In Gantt, column resizing is enabled by setting the allowResizing property as true. Each column can be auto resized by double-clicking the right edge of the column header to fit the width of that column based on the widest cell content. To disable resizing for a particular column by setting the columns.allowResizing to false. Please find the below code snippet 
var ganttChart = new ej.gantt.Gantt({ 
  allowResizing: true, 
  columns: [ 
       { field: 'TaskName', headerText: 'Task Name', allowResizing: false } // To disable resizing for particular column 
We have prepared the sample with your requirements. Please find the sample from below link. 
Pooja Priya K. 

Live Chat Icon For mobile
Up arrow icon