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

Question

Hi syncfusion supporterIs there any way to hide the resourceGroup row progressbar  in ej1 gantt control?

xia · Answer

Hi syncfusion supporterIs 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 · Answer

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 · Answer

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 · Answer

Hi Xia Guangwei, 
  
Welcome, we are happy to assist you.  
  
Regards, 
Gurunathan