次の画像のような mx:DataGrid コンポーネントを flex で作成したいと考えています。
ヘッダーに境界線を追加したり、ヘッダーの色を白に設定したりできますが、データ グリッドの行間に区切り線を引くことができません。
ここに私が使用しているコードがあります:
<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>