How to hide grid group header tooltips

Question

I want to hide the tooltips of “Ship City 1items”, i.e. when I move the cursor over it, nothing should be shown. besides, current tooltips is coding, which is incorrect.

Shalini Maragathavel · Accepted Answer

Hi Andyzhang, 

Greetings from Syncfusion support. 
Based on your query we suspect that you want to hide the tooltip of Group caption row in the Grid. You can achieve your requirement by using dataBound event of Grid as demonstrated in the below code snippet, 
App.component.ts 




 
export class AppComponent { 
ngOnInit(): void { 
        this.data = inventoryData; 
    } 
dataBound(args){ 
   
  var len=this.grid.getContentTable().querySelectorAll('.e-groupcaption').length; 
  for(var i=0;i<len;i++){ 
this.grid.getContentTable().querySelectorAll('.e-groupcaption')[i].removeAttribute('title'); 
  } 
} 
} 

Please refer the below sample for more information,Sample: https://stackblitz.com/edit/angular-hxquxi-unsatn?file=app.component.ts 
Please refer the below documentation for more information,Documentation: https://ej2.syncfusion.com/angular/documentation/api/grid/#databoundPlease get back to us if you need further assistance. 
 
Regards, 
Shalini M.