This is a migrated thread and some comments may be shown as answers.

title row height

2 Answers 111 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Kent
Top achievements
Rank 1
Kent asked on 07 Feb 2017, 03:09 PM

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.

2 Answers, 1 is accepted

Sort by
0
Orlin
Telerik team
answered on 09 Feb 2017, 06:53 AM
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Kent
Top achievements
Rank 1
answered on 09 Feb 2017, 02:49 PM
Thanks for the example.
Tags
Grid
Asked by
Kent
Top achievements
Rank 1
Answers by
Orlin
Telerik team
Kent
Top achievements
Rank 1
Share this question
or