Change row height for igx-grid in Angular

I tried the new native Angular grid. The rows height are too large for me as I need to display lots of rows.

I would want the height to be around 21px.

I couldn’t find any documentation on how to do that.

Please advise.

Thank you

Hello Charlie,

You can refer here and see the whole documentation of the grid. Under the grid topic is the whole API documentation about it.

If you have any further questions, please contact us again.

Can you please point out where you see any info on row height. I’ve looked through the page you referred, multiple times. Can’t find any info on row height.

Hello Charlie,

Sorry about my misunderstanding. We haven't exposed such option. The way you can set the height of current row is to access the class and override the height style with important annotation. But this is strongly not recommended. We are planning to expose such options that you would be able to override the styles through given classes but for now you are restricted to set height per every row.

If you have further questions, please contact us again.

Hi, thanks for the reply.

Actually I found that the grid has a rowHeight parameter that I can set in HTML [rowHeight]=“25”.

The only other thing I needed was to override the padding to 0 for the igx-grid__td css class

Hello Charlie,

This was exactly what I had planned to tell you today. But you have found the property. Here you can find the documentation about how to use this input exactly. For instance If you have some styling upon the rows for example you want to set height through some class, you have to specify this height also through this same property too.

In the future we are planning to create a theme which would be only related to the grid you would be able to override the styling about the grid through this theme without any struggling.

You can see the roadmap it is the point 9.

If you have further questions, please contact us again.