Autofitcolumns is not considering font-size

[Jean Sanson]

I've searched for an official way of manipulating the cell font-size, and the only answer i've found here from the team was to change the css. I use the grid in a dynamic dashboard where the user can input the font-size. So i change the font-size by using javascript, it would have the same effect as applying css.

But when i use autofitcolumns with an big font-size, it does not aufo-fit by it's contet. It appears that it doesn't considrer the cell font-size.

Attachment: grid_17201ecf.zip

[Manivel Sellamuthu]

Hi Jean, 

Greetings from Syncfusion support. 

We have validated your requirement. While using large font-size the default border spacing is changed, so we suggest you to use the below CSS to resolve the reported issue. Please refer the below code example and sample for more information. 

// to increase the font size 

.e-grid .e-rowcell { 

  font-size: 32px; 

} 

 

// to maintain the border spacing 

.e-table.e-resizetable { 

  border-spacing: 2px; 

} 

Sample: https://stackblitz.com/edit/angular-autofit-fontsize?file=app.component.html 

Please let us know, if you need further assistance. 

Regards, 

Manivel