2010-03-24 46 views
1

要增加柔性DataGrid中的行空間(水平間距)我如何增加在DataGrid中的行空間(水平空間)柔性

沒有,我想每一行之間的水平空間。 例如。

dataGrid Header -- ID Name 
1st row   -- 01 A 
Horizontal Space-- 
2nd row   -- 02 B 
Horizontal Space-- 
3rd row   -- 03 C 

像這樣。我想增加這個水平空間

+1

你只是想添加單元格邊距?你只需要指定列的寬度?你能對你的問題更具體嗎? – invertedSpear 2010-03-24 22:08:08

+0

我想要在datagrid行之間有1行空格。 – Monty 2010-03-25 10:32:03

+0

所以你想每隔一行填滿數據? – asawilliams 2010-03-25 15:55:20

回答

1

您需要設置要設置特定大小的列的寬度。在下面的示例的第一列中,我將列寬設置爲100px寬。

本示例取自現場文檔。

<mx:DataGrid id="dg" 
     width="100%" height="100%" rowCount="5" dataProvider="{employees}"> 
     <mx:columns> 
      <mx:DataGridColumn dataField="name" headerText="Name" width="100"/> 
      <mx:DataGridColumn dataField="phone" headerText="Phone"/> 
      <mx:DataGridColumn dataField="email" headerText="Email"/> 
     </mx:columns> 
    </mx:DataGrid> 
+0

我不是在談論column.width的寬度datagrid行之間的1行空間。 – Monty 2010-03-25 10:32:48

+0

你可能想改變你的問題,以更好地反映你想要的。 – asawilliams 2010-03-25 15:54:36

+0

好的......我改變了我的問題。我舉了一個例子,我想要... – Monty 2010-03-26 07:37:31

1

只需將itemRenderer添加到使用x的填充的列即可。

<mx:DataGridColumn width="200" dataField="name" > 
<mx:itemRenderer> 
    <fx:Component> 
     <mx:VBox paddingBottom="20" > 
      <s:Label text="{data}" /> 
     </mx:VBox> 
    </fx:Component> 
</mx:itemRenderer>