How to hide the resourceGroup row progressbar in ej1 gantt control?

[xia]

Hi syncfusion supporter

Is there any way to hide the resourceGroup row progressbar  in ej1 gantt control?

[xia]

Hi syncfusion supporter

Is there any way to hide the resourceGroup row progressbar  in ej1 gantt control?

Attach file is the screenshot that demonstrates what is my purpose.

Attachment: gantt_screenshot_ec27d63a.rar

[Gurunathan A]

Hi Xia Guangwei, 

Thanks for contacting syncfusion support. 

We can hide the group row task bar by using queryTaskbarInfo event, please check the below code snippet for details. 

[gantt.html] 

$("#resourceGantt").ejGantt({ 

     //… 

    queryTaskbarInfo:function(args){ 

       if(args.data.hasChildRecords) 

        $(args.taskbar).find(".e-parentContainer").css('display', 'none');      

    } 

}); 

We have also prepared a sample for this and please find the same below. 

Sample – https://jsplayground.syncfusion.com/kox2qfmo 

 

Regards, 

Gurunathan  

[xia]

Hi Xia Guangwei, 

Thanks for contacting syncfusion support. 

We can hide the group row task bar by using queryTaskbarInfo event, please check the below code snippet for details. 

[gantt.html] 

$("#resourceGantt").ejGantt({ 

     //… 

    queryTaskbarInfo:function(args){ 

       if(args.data.hasChildRecords) 

        $(args.taskbar).find(".e-parentContainer").css('display', 'none');      

    } 

}); 

We have also prepared a sample for this and please find the same below. 

Sample – https://jsplayground.syncfusion.com/kox2qfmo 

 

Regards, 

Gurunathan  

Thx Gurunathan, your solution works pretty fine.

[Gurunathan A]

 Hi Xia Guangwei, 

  

Welcome, we are happy to assist you.  

  

Regards, 

Gurunathan