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

Rotating Column Headers

2 Answers 304 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mike
Top achievements
Rank 1
Mike asked on 29 Aug 2019, 07:24 PM
I have a grid with many narrow columns and would like to be able to rotate the column headings at 45 degrees to get a more compact grid.  I've previously used the CategoryAxisLabels settings in a Stacked Column Chart which has a rotation option to support a 45 degree category label,  but I cant find anything equivalent for the grid. Any suggestions?

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimiter Topalov
Telerik team
answered on 30 Aug 2019, 09:52 AM

Hello Mike,

The desired behavior is not supported out-of-the-box, as the Charts rely on complex drawing functions for rendering, whereas the Grid is just a regular HTML table with numerous enhancements.

Thus to achieve the desired behavior, you can introduce some custom implementation, based on header templates with custom styling and overwriting the built-in header-cells height, for example:

https://stackblitz.com/edit/angular-geokcp?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Mike
Top achievements
Rank 1
answered on 30 Aug 2019, 05:18 PM
Thanks,  Dimiter.  Exactly what I needed.  :)
Tags
Grid
Asked by
Mike
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Mike
Top achievements
Rank 1
Share this question
or