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.
Unfortunately, activation email could not send to your email. Please try again.

How to set the Row Height in the grid?

Thread ID:

Created:

Updated:

Platform:

Replies:

116068 Mar 27,2014 01:26 AM Apr 2,2014 12:35 AM JavaScript 5
loading
Tags: ejGrid
Xander van der Merwe
Asked On March 27, 2014 01:26 AM

I asked this question in the other thread related to setting the grid header row height http://www.syncfusion.com/support/forums/javascript/ejgrid/116010, but it was not answered there, so I'm asking it separately here as a new question:

Can we also adjust the row height?  I tried the following to no avail:

.e-grid .e-rowcell {

   height:50px;

}


Thanks in advance


Madhu Sudhanan P [Syncfusion]
Replied On March 27, 2014 06:44 AM

Hi Xander,

 

Sorry for the delay to getting back to you. Due to some internal notification problem, we are not able to track the forum 116010.

 

We have tried the code snippet, you provided. Its working fine for us.

 

 

<style>

        .e-grid .e-rowcell{

        height:50px

        }

</style>

 

 

We have created the simple sample based on the workaround that you have provided and please find the sample from the attachment.

 

Please let us know if we misunderstood your requirement

 

 

Regards,

Madhu Sudhanan. P


Attachment: grid_2_d56ee76e.zip

Xander van der Merwe
Replied On March 31, 2014 11:27 PM

Thanks Madhu, you can set the grid row to be larger (e.g. 50px as in your example) but you cannot set it to be smaller than the default.

Can you please tweak your example to make the row height 30px?

ps. I'm trying to get it to have the same row height as the AngularJS grid "ng-grid". The default row height is not showing enough records on a desktop browser for me.

Thanks

Ragavee U S [Syncfusion]
Replied On April 1, 2014 02:52 AM

Thanks Madhu, you can set the grid row to be larger (e.g. 50px as in your example) but you cannot set it to be smaller than the default.

Can you please tweak your example to make the row height 30px?

ps. I'm trying to get it to have the same row height as the AngularJS grid "ng-grid". The default row height is not showing enough records on a desktop browser for me.

Thanks

Hi Xander,

 

Thanks for using Syncfusion Products.

 

Currently we have decreased the row height  of the Grid. The row height changes will be available in our upcoming Volume 1, 2014 release at first week of April. Please refer the attached screenshot for the altered grid.

 

If you still want to decrease the row height then we have suggested the below work around solution to decrease the row height of the grid. Please refer the below code snippet.

 

<style>

        .e-grid .e-rowcell{

        line-height:12px;

        }

</style>

 

For your convenience, we have created a simple sample based on your request and the same can be downloaded from the attachment.

 

Please let us know if you have any queries.

 

Regards,

Ragavee U S


Attachment: grid_2_d56ee76e_51e73092.zip

Xander van der Merwe
Replied On April 1, 2014 03:14 AM

Thanks Rajavee.

If the upcoming version makes the Header, Footer and Row Heights configurable it will be awesome!

Regards

Mydeen S N [Syncfusion]
Replied On April 2, 2014 12:35 AM

Hi Xander,

 

Thanks for your valuable update.

 

If you have any issues in the future, please get back to us we will be happy to assist you.

 

Please let us know if you would require any further assistance.

 

Regards

Mydeen S N

 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;