在Flex中使用mx：datagrid的样式

Question

我想在flex中创建一个mx：DataGrid组件，它应该如下图所示：

我可以在标题中添加边框，也可以将标题颜色设置为白色，但我无法在数据网格的行之间绘制分隔线。

这是我正在使用的代码：

<mx:DataGrid id="dg" width="100%" height="100%" dataProvider="{arrDg}" draggableColumns="false"
                 resizableColumns="false" rowCount="{arrDg.length}" selectable="false" headerColors="[white, white]"
                 sortableColumns="false" variableRowHeight="true" verticalScrollPolicy="off"
                 borderColor="0x000000" borderSides="">
        <mx:columns>
            <mx:DataGridColumn backgroundColor="0xFFFFFF" color="0x000000" dataField="asdf"
                               headerText="asdf"
                               textAlign="center" />
            <mx:DataGridColumn backgroundColor="0xFFFFFF" color="0x000000" dataField="rteyre"
                              headerText="rteyre"
                               headerWordWrap="true" textAlign="center" wordWrap="true"/>
            <mx:DataGridColumn backgroundColor="0xFFFFFF" color="0x000000" dataField="xcv"
                              headerText="xcv" textAlign="center"/>
            <mx:DataGridColumn backgroundColor="0xFFFFFF" color="0x000000" dataField="hgj"
                              headerText="hgj"
                               headerWordWrap="true" textAlign="center" wordWrap="true"/>
            <mx:DataGridColumn backgroundColor="0xFFFFFF" color="0x000000" dataField="yuio"
                              headerText="yuio" textAlign="center"/>
        </mx:columns>
    </mx:DataGrid>

Answer 1

请查看http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/controls/DataGrid.html添加属性horizo​​ntalGridLines =“false | true”和verticalGridLines =“false | true” 添加它作为答案。感谢

Answer 2

你是否改变了线条的颜色？应该是默认可见的。为您的数据网格尝试这种风格：

verticalGridLineColor: #000000;
horizontalGridLineColor: #000000;