title row height

[Kent]

How to reduce the height of the top title row in kendo grid?  I tried but failed.

.k-grid-header .k-header {height:1em!important; line-height:1em!important;}

I already reduce the row height by css successfully.  But how to apply to title row?

.k-grid td {
line-height:1.3em!important;
}

Thanks.

[Orlin]

Extension settings

Hello Kent,

To decrease the height of the Grid header, you need to decrease the padding of the TH element with class k-header. To make it work, you need to make the CSS selector specific enough so that it overrides the Kendo UI styles. Have a look at this dojo for a demonstration:  http://dojo.telerik.com/AGOKo.

I hope this helps.

 

Regards,
Orlin
Telerik by Progress

[Kent]

Thanks for the example.