如何增加flex中dataGrid的行空间（水平空间）

发布于 2024-08-26 17:24:51 字数 266 浏览 5 评论 0原文

我想增加 Flex 中 DataGrid 中的行空间（水平空间），

不，我想要每行之间的水平空间。例如。

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

像这样。我想增加这个水平空间

原文

I want to increase the row space(Horizontal space) in DataGrid in flex

no i want horizontal space between every row.
eg.

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

Like this. I want to increase this horizontal space

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

丢了幸福的猪 2024-09-02 17:24:51

您需要设置要设置特定大小的列的宽度。在下面示例的第一列中，我将列宽设置为 100 像素宽。

这个例子取自实时文档。

    <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>

You need to set the width of the column you want to set a specific size to. In the first column in the example below I am setting the column width to be 100px wide.

This example is taken from the live docs.

    <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 原文

南…巷孤猫 2024-09-02 17:24:51

只需将 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>

Just add a itemRenderer to the column that uses a padding of x.

i.e.

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

回复收藏 0 原文

~没有更多了~