Progress® Kendo UI® for jQuery Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 16 Mar 2020 09:14 by ADMIN
Imported User
Created on: 24 Oct 2012 20:31
Category: Grid
Type: Feature Request
6
Provide kendo grid column header wrap around for long column title so that the column width will stayed fix
My Kendo grid has long column titles but the column width must remain static so we need a way to make a wrapable column header
3 comments
ADMIN
Angel Petrov
Posted on: 16 Mar 2020 09:14

Hello,

This now works. Here is an example.

Regards,
Angel Petrov
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Maulik
Posted on: 30 May 2013 14:12 
Cleaner way would be to expose MaxDisplayChars property on columns and wrap it with ...

e.g. Instead of OrderApprovalDate, it can be displayed as OrderApproval... and full name can be displayed on hover
Calvin
Posted on: 21 Mar 2013 19:06 
A work-around is to use the column header template with embedded <br /> tags.  For example,
 MVC:  .Columns(c => { c.Bound(_ => _.aField).HeaderTemplate("Line 1<br />Line 2<br />Line 3") })
 JS: columns: [ { field: 'aField', title: 'Line1 Line2 Line 3' headerTemplate: 'Line 1<br />Line 2<br />Line 3' } ]

However, the MVC and JS versions have a different appearance in the grid.  In MVC, the Filter glyphs are on top of the header text.  But in JS, they're to the right of the header text (which is preferable).
Create an account Log In
View
Type
Status
Category