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. И　Я хочу сделать это вордрап и показать.

Пожалуйста, скажите мне кто-нибудь.

Спасибо ! Ваша цифра понятна!

Исправил на прохождение (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) отображается переменной длины.