Wrap Header text in Datagrid (Flex 1.5)

[joshuadsilva]

How do I wrap header text in a datagrid in Flex 1.5??

[ymiles]

The only method I've come up with so far is calling a function you create to do
the work with the headerText attribute. See below
Function:
var tabLabel = "";
function wrap() {
tabLabel = "Account"+chr(13)+"Location";
return tabLabel;
}
Call:
<mx:DataGridColumn headerText="{wrap()}" columnName="accountLocation"
editable="false" width="55" />

[ntsiii]

You can insert a break in an mxml tag property using {newline}
Here is an example:
Tracy


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml"
initialize="initUI()">
<mx:Script><![CDATA[
private var gaData:Array;
function initUI():Void
{
gaData = new Array();
gaData[0] = new Object({label:"Red", data:"#FF0000"});
gaData[1] = new Object({label:"Green", data:"#00FF00"});
gaData[2] = new Object({label:"Blue", data:"#0000FF"});
}

]]></mx:Script>
<mx:TextArea id="taWrap" text="one{newline}two{newline}three" height="100"
width="300"/>
<mx:DataGrid id="datagrid1" dataProvider="{gaData}" headerHeight="30">
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Column{newline}1" columnName="label" />
<mx:DataGridColumn headerText="Column 2" columnName="data" />
</mx:Array>
</mx:columns>
</mx:DataGrid>
<mx:Button label="Button" click="System.setClipboard(taWrap.text)"/>
</mx:Application>