Resizable columns

Question

Hello,

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,

Pooja Priya Krishna Moorthy · Answer

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. 
Sample - https://stackblitz.com/edit/fwdwaz 
 
Thanks, 
Pooja Priya K.