造型MX的：數據網格中的Flex

Question

我想創建一個MX：Flex中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 =「假|真」，verticalGridLines =「假|真」 添加它作爲一個答案。謝謝

Answer 2

宇沒有改變線條的顏色？應該在默認情況下可見。嘗試這種風格爲您的數據網格：

verticalGridLineColor: #000000; 
horizontalGridLineColor: #000000;