Setting Font size in a Blazor Grid

[Bob Troppmann]

Hi,

I am trying to achieve a smaller font size in my Blazor grid.  Using CSS I am able to control the font in the Grid (headers and columns) but whatever I try, the font size remains at 14px.  

Please advise and provide a sample.

Thanks

Bob

[Renjith Singh Rajendran]

Hi Bob, 

Thanks for contacting Syncfusion support. 

We suggest you to set the font-size for the “e-headercelldiv” and “e-rowcell” classes to apply the font size for the columns and headers in Grid. We have also prepared a sample based on this requirement, please download the sample from the link below, 

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-1134631804 

 

Please add the below styles to your application, 

 

<style> 

    .e-grid .e-headercelldiv{ 

        font-size:7px; 

    } 

    .e-grid .e-rowcell{ 

        font-size:7px; 

    } 

</style> 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran.