Set Font On Pivot Control

[Jonah Coleman]

I haven't been able to figure out how to set the font on the pivot control- I see how to set font for value cells, but I want to change the font for all cells including row and column headers.

[Manikandan Murugesan]

Hi Jonah, 

You can change font for PivotTable using following CSS. 

Code Snippet: 

<style> 

    .e-grid { 

        font-family: cursive !important; 

    } 

</style> 

Meanwhile, we have prepared sample for your reference. 

Sample: https://www.syncfusion.com/downloads/support/forum/149815/ze/PivotTable117925841 

Please let us know if any concerns. 

Regards, 

Manikandan. 

[Frank van Diepenbos]

Hello Manikandan,

I looked at the sample. 

The suggested code in _Host.cshtml returns a warning: 

Warning Element 'style' cannot be nested inside element 'html'.

Is there a better place to put it. Like somewhere in the css fold

[AngelinFaithSheeba PaulvannanRajadurai]

Hi Jonah,

We are unable to reproduce the reported issue at our end. However, you can provide styles inside the razor page itself. Please refer the below code example and screenshot.

Code Example:

<SfPivotView TValue="ProductDetails" ID="PivotView" Height="400">

</SfPivotView>

 

<style>

    .e-grid {

        font-family: cursive !important;

    }

</style>

 

@code{

}

Screenshot:

Meanwhile, we have prepared a sample with latest package for your reference.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp-net5856389539

If the problem persists, please reproduce it in the provided sample and revert to us (or) send your sample that replicates the problem. This would allow us to investigate the reported problem at our end and provide a solution as soon as possible. 

Regards,

Angelin Faith Sheeba