Hide Row and Column header by default

[Jaskaran]

Is there any method to hide the highlighted  Row and Column as shown below  and attached image as well.

[Anislav]

I'm not sure what you're trying to achieve. Do you mean something like the image below?

[Jaskaran]

Yes, But see the attached image below. Want to hide Countries and Categories as well. How to do it? Also keep it Asia, Africa , Europe etc as it is. I don't want to hide these columns. and see the second image, i want the same output which shows in second image without red highlighted

[Jaskaran]

Hi, Please see the below mentioned image for better understanding. And what i actually want. 
https://stackblitz.com/edit/react-vjs7pb-3krcmv?file=index.js

[Filip]

Hi, Jaskaran,

For customizing the PivotGrid header I can recommend creating a custom component per your needs and passing it to the headerCell prop. This will require custom logic and modifying the layout as needed, currently we don't have a ready example for this scenario. More information on PivotGrid customisation can be found here:

https://www.telerik.com/kendo-react-ui/components/pivotgrid/customization

Please let me know in case further questions arise on this matter.

Regards,
Filip