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

Multicolumn Grid Header Aligment

2 Answers 856 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ade
Top achievements
Rank 1
Ade asked on 11 Aug 2017, 04:27 AM

How to create Alignment of Column Text Header at Middle of merge Row

 

See Picture

2 Answers, 1 is accepted

Sort by
0
Viktor Tachev
Telerik team
answered on 14 Aug 2017, 02:17 PM
Hello Ade,

Centering the text in the header cells can be achieved with a bit of additional CSS. The CSS rule below would center the text in the header cells of the Grid.

.k-grid-header .k-grid-header-wrap th.k-header {
    text-align:center;
    vertical-align: middle;
}


Furthermore, you can see the CSS in action in the following dojo example:




Regards,
Viktor Tachev
Progress Telerik
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
Ade
Top achievements
Rank 1
answered on 15 Aug 2017, 03:23 AM

Thank You ... 

I understand that Kendo UI uses css style model

 

Tags
Grid
Asked by
Ade
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
Ade
Top achievements
Rank 1
Share this question
or