CSS - Line Height

[Tony Basallo]

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.

[Bala Murugan A.S]

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:

 

AutoWrap:

http://mvc.syncfusion.com/demos/ui/grid/RowsandColumns/AutoWrapColumnCells

 

http://mvc.syncfusion.com/demos/ui/grid/RowsandColumns/Resize

 

[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.

 

Regards,

Bala Murugan A.S