Hide/show columns not working in Gantt chart

Question

Hi, I;ve implemented column menu feature in my gantt chart. I want to hide particular columns at the initial load of the chart and then if user selects those from column dropdown, they should appear on chart. I tried visible: 'false' property in column field and also tried this.ganttObj.hideColumn('Stage','field') as solutions but neither worked. Is there any workaround for this?

Monisha Sivanthilingam · Answer

Hi Ashutosh, 
 
Greetings from Syncfusion support. 
 
We have analyzed your query, however, we were unable to replicate the issue you reported. We were able to hide some of the columns by setting the visible: false property to them. Please ensure that you have mapped the property like the below code snippets. 
 
App.component.ts 




 
this.columns = [ 
  { field: "TaskID", width: 60 }, 
  { 
    field: "TaskName", 
    headerText: "Job Name", 
    width: "250", 
    clipMode: "EllipsisWithTooltip" 
  }, 
  { field: "StartDate", visible: false }, 
  { field: "Duration", visible: false }, 
  { field: "Progress" }, 
  { field: "Predecessor" } 
]; 
 
 
Sample: https://codesandbox.io/s/vigorous-rain-5kofv?file=/src/app/app.component.html 
 
Please share an issue reproducible sample to us if the issue still persists. 
 
Regards, 
Monisha.

Ashutosh Khanapure · Answer

Thanks!!

Monisha Sivanthilingam · Answer

Hi Ashutosh, 
 
You are welcome. 
 
Please contact us if you require any further assistance. 
 
Regards, 
Monisha.