Thanks for contacting Syncfusion Support.
We suspect that your requirement is to set custom tooltip on hovering column and row headers. So, based on that we have prepared a sample which is available in below.
Code Example:
|
load(args: any): void {
let tooltip: Tooltip = new Tooltip({
target: 'th.e-columnsheader, td.e-rowsheader',
enableRtl: this.pivotGridObj.enableRtl,
beforeOpen: function (args) {
args.element.classList.add('e-pivottooltipwrap');
},
beforeRender: function (args) {
tooltip.content = '';
if (args.target.classList.contains('e-rowsheader') || args.target.classList.contains('e-columnsheader')) {
tooltip.content = '<div class="e-pivottooltip e-pivottooltip-wrap"><p>' + args.target.innerText + '</p></div>';
}
else {
args.cancel = true;
}
}
});
tooltip.appendTo(this.pivotGridObj.element);
};
|
Meanwhile, we have prepared sample for your reference. Please find the sample in below link.
Please let us know if you have any other queries?
Regards,
Sivamathi Natarajan
