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

How do I disable header text wrapping on RadGrid column resize?

1 Answer 299 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Istiaq
Top achievements
Rank 1
Istiaq asked on 22 Oct 2014, 06:38 AM
Height of the Rad Grid increases when user resizes a column that has two or more words in the header text, since the header text is wrapped. This is evident in the demo provided by telerik:
http://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/columns/column-row-resize-reorder/defaultcs.aspx

Can we disable this wrapping for header texts through some css or anything? Wrapping can be disabled for cell data, but i didn't find anything for header text. Setting Wrap='false' in HeaderStyle does not work. I need to keep the height fixed during resize without explicitly mentioning grid height, so resizing should not result in wrapping in header or cell data.
Please help me out.

Thanks.

1 Answer, 1 is accepted

Sort by
0
Kostadin
Telerik team
answered on 24 Oct 2014, 02:08 PM
Hi Istiaq,

You can use the following CSS rule to disable the text wrapping.
<style type="text/css">
    div.RadGrid .rgHeader {
       white-space:nowrap;
    }
</style>

Regards,
Kostadin
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
Istiaq
Top achievements
Rank 1
Answers by
Kostadin
Telerik team
Share this question
or