itemRenderer анулира настройката WordWrap на DataGrid

имам въпрос.

Сега създадох два кода. Кодът на （１） се показва правилно. Въпреки това, що се отнася до кода на （２）, не се обвива.

（１）

<mx:DataGrid id="myGrid" horizontalScrollPolicy="auto" dataProvider="{mounth}" width="100%" height="100%" variableRowHeight="true"  wordWrap="true">   
            <mx:columns>
                    <mx:DataGridColumn headerText="Header1" wordWrap="true">
                        <mx:itemRenderer>
                            <mx:Component>
                                <mx:Text  text="aaaaaaaaaaa" width="100%" height="100%" />
                            </mx:Component>
                        </mx:itemRenderer>
                    </mx:DataGridColumn>
    　　　　　</mx:columns>        
</mx:DataGrid>

（２）

<mx:DataGrid id="myGrid2" horizontalScrollPolicy="auto" dataProvider="{mounth2}" width="100%" height="100%" variableRowHeight="true"  wordWrap="true">   
        <mx:columns>
                <mx:DataGridColumn headerText="Header2" wordWrap="true">
                    <mx:itemRenderer>
                        <mx:Component>
                               <mx:HBox width="100%" height="100%">
                            <mx:Button label="btn"/>
                            <mx:Text id="userNameb" text="bbbbbbbb" width="100%" height="100%" />
                        </mx:HBox>
                        </mx:Component>
                    </mx:itemRenderer>
                </mx:DataGridColumn>
　　　　　</mx:columns>       
</mx:DataGrid>

Искам да използвам бутон и текст в HBox от itemRenderer. И　Искам да го направя wordrap и да го покажа.

Моля, кажете ми някой.

Благодаря ти ! Вашата фигура е разбираема!

Коригира се към пасажа на (3). Текстът се обвива, след като достигне тази ширина.

(3)

<mx:DataGrid id="myGrid2" horizontalScrollPolicy="auto" dataProvider="{mounth2}" width="100%" height="100%" variableRowHeight="true"  wordWrap="true">   
        <mx:columns>
                <mx:DataGridColumn headerText="Header2" wordWrap="true">
                    <mx:itemRenderer>
                        <mx:Component>
                               <mx:HBox width="100%" height="100%">
                            <mx:Button label="btn"/>
                            <mx:Text id="userNameb" text="bbbbbbbb" width="120" height="100%" />
                        </mx:HBox>
                        </mx:Component>
                    </mx:itemRenderer>
                </mx:DataGridColumn>
　　　　　</mx:columns>       
</mx:DataGrid>

Мога ли да задам въпрос чрез допълнение? Искам да покажа знак според ширината на DataGridColumn на DataGrid.

Има ли как да се показва с променлива дължина? Между другото (1) се показва с променлива дължина.