We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Set Font On Pivot Control

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.

3 Replies

MM Manikandan Murugesan Syncfusion Team December 11, 2019 08:40 AM UTC

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. 

Please let us know if any concerns. 

Regards, 
Manikandan. 



FV Frank van Diepenbos June 30, 2022 11:43 AM UTC

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





AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team July 1, 2022 12:25 PM UTC

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


Loader.
Live Chat Icon For mobile
Up arrow icon