apache-flex - 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;