數據網格中的文本對齊

Question

如何在數據網格的列中放置兩個不同的文本（使用html標籤），其中一個文本將右對齊，另一個將左對齊。

Answer 1

爲相關列創建自定義itemRenderer。這裏是關於itemRenderers的文章。

Answer 2

要隨着Flextras答案走，這裏有一個簡單的例子：

<mx:DataGrid dataProvider="{myArrayCollection}"> 
    <mx:columns> 
     <mx:DataGridColumn headerText="Title" dataField="title"> 
      <mx:itemRenderer> 
       <mx:Component> 
        <mx:VBox paddingLeft="2" width="100%"> 
         <mx:Label text="{myDataField1}" width="100%" /> 
         <mx:Label text="{myDataField2}" textAlign="right" width="100%" /> 
        </mx:VBox> 
       </mx:Component> 
      </mx:itemRenderer> 
     </mx:DataGridColumn> 
    </mx:columns> 
</mx:DataGrid>