Resizable columns

[Razvan Nicolae]

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]

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.