how to increase the row space(Horizontal space) in dataGrid in flex

Question

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

Answer 1

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>