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

[Istiaq]

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.

[Kostadin]

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