How can we change the default row height of 30px?

[Travis Beesley]

Hi thereWe are using your MVC TreeGrid control, and it is really good for what we are trying to do.However each row in the grid has a lot of unnecessary white space, which we are trying to reduce so we can fit more information on the page at once.I see that each row has a default height of 30px.  How can we change this to another value, for example 20px, to reduce the total vertical size of the grid?Thank you!

[Jayakumar Duraisamy]

Hi Travis, 

 

Thanks for contacting Syncfusion support. 

In TreeGrid control we can specifies the height of rows by using “rowHeight” property. We can define the “rowHeight” value in integer and it will consider the value in terms of pixels 

We have prepared a sample and rendered TreeGrid rows in 20px height, please refer following code snippet, 

@(Html.EJ().TreeGrid("Treecontainer") 

  //… 

  .RowHeight(20) //Set Row Height 

) 

Pease find the sample from below link. 

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/TreeGridSample_MVC_RowHeight-1808518532.zip  

 

Please let us know if you require further assistance on this. 

Regards, 

Jayakumar D 

[Travis Beesley]

Thanks, that's great!

[Jayakumar Duraisamy]

Hi Travis, 

We are glad that your requirement has been met. Please let us know if you need any other assistance. 

Regards, 

Jayakumar D