How to set Grid row height?

[Mark]

I just started using the controls and started with the test app to learn. I can't find out how to set the row height. The row height from the test app is way to large. How do I adjust the row height?

<div class="row">
    <div class="col-xs-5 col-md-12">
        @(Html.Kendo().Grid<TelerikAspNetCoreApp1.Models.OrderViewModel>()
                                        .Name("grid")
                                        .Columns(columns =>
                                        {
                                            columns.Bound(p => p.OrderID).Filterable(false);
                                            columns.Bound(p => p.Freight);
                                            columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}");
                                            columns.Bound(p => p.ShipName);
                                            columns.Bound(p => p.ShipCity);
                                        })
                                        .Pageable()
                                        .Sortable()
                                        .Scrollable()
                                        .Filterable()
                                        .HtmlAttributes(new { style = "height:450px;" })
                                        .DataSource(dataSource => dataSource
                                            .Ajax()
                                            .PageSize(20)
                                            .Read(read => read.Action("Orders_Read", "Grid"))
                                        )
        )
    </div>
</div>

[Tsvetomir]

Hi Mark,

The row height of the Kendo UI Grid can be modified by using the following CSS rule:

<style>
  div.k-grid tbody tr{
    height: 40px;
  }
</style>

Kind regards,
Tsvetomir
Progress Telerik

[Mark]

I would like the row height to be small and just above and below the text. It seems if I set the value to anything below 40px there is no change.

[Vincent]

.k-grid td  { padding:2px}