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

CSS - Line Height

The following classes in the default CSS have a line-height of .45em

.Syncfusion-Grid-Core .RowCell, .Syncfusion-Grid-Core .EmptyCell, .Syncfusion-Grid-Core tr[class*=ChildRow]>.ChildGrid


This means that if a cell is more than one line high then you start overlapping on text. This probably shouldn't even be set. Let the default line-height for the application be used (for td) - since you do not know how spaced I want my lines and there's no need to set it on a cell.

1 Reply

BM Bala Murugan A.S Syncfusion Team April 11, 2013 07:22 AM UTC

Hi Tony,


Thanks for using Syncfusion Products.


We suggest you to use AutoWrap functionality this will enable the cells content to be wrapped if it exceeds the cell size.

Please refer the below links to know more about this feature.


help documentation: http://help.syncfusion.com/ug/asp.net%20mvc/grid/Documents/43autowrapupofcolumncells.htm


online sample:







[css code]

.Syncfusion-Grid-Core .AutoWrap .RowCell, .Syncfusion-Grid-Core .AutoWrap .HeaderCellDiv {

    line-height: normal;

    white-space: normal;



If we enable this feature the line height automatically adjusted based on the content of the grid cells.


Could you please provide more information of what is your exact requirement on this if the above feature doesn't meet your requirement?.


Please let us know if you have any concerns.



Bala Murugan A.S

Live Chat Icon For mobile
Up arrow icon