ej-grid height rows Angular JS1


Hi,


Can somebody explain to me how to reduce the height of all the gridrows of a single grid?

An example:

example.component.css with code


.e-grid .e-rowcell {

   height:10px;

}

does not work for me.


Thanks in advance!


1 Reply

SE Sathyanarayanamoorthy Eswararao Syncfusion Team March 15, 2018 04:23 PM UTC

Hi Laurens, 

Thanks for contacting Syncfusion support. 

We are able to reproduce the mentioned issue with the provided code example. To reduce the height of the grid rows we suggest you to use the line-height property instead of height. We have achieved this in the below example. 

Refer the below code example. 


  <style> 
        .e-grid .e-rowcell { 
       line-height:5px; 
         } 
    </style> 




Regards, 
Sathyanarayanamoorthy

Loader.
Up arrow icon