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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Resizable columns

Thread ID:





148876 Nov 6,2019 09:35 PM UTC Nov 7,2019 02:08 PM UTC JavaScript - EJ 2 1
Tags: Gantt Chart
Razvan Nicolae
Asked On November 6, 2019 09:35 PM UTC

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 [Syncfusion]
Replied On 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. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon