/ / FlexでDataGridの列を均等に配置するにはどうすればよいですか。 - フレックス、ビュー、アドビ

FlexでDataGridの列を均等に分散させるにはどうすればよいですか? - フレックス、ビュー、アドビ

私のFlexアプリのDataGridには16列あります。 最初の15行は、テキストを含む列で、見栄えがよくなりますが、最後の15行には余分なスペースがたくさんあります。基本的に、列は最初の15列に収まる大きさで、16列目には余分なスペースが追加されています。

各列にスペースを均等に配分するにはどうすればよいですか。

<mx:DataGrid x="127" y="9" id="view"
dataProvider = "{currentBuffer}" width="497" height="480">
<mx:columns>
<mx:DataGridColumn headerText="0" dataField="col0" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="1" dataField="col1" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="2" dataField="col2" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="3" dataField="col3" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="4" dataField="col4" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="5" dataField="col5" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="6" dataField="col6" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="7" dataField="col7" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="8" dataField="col8" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="9" dataField="col9" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="A" dataField="colA" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="B" dataField="colB" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="C" dataField="colC" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="D" dataField="colD" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="E" dataField="colE" draggable="false" sortable="false" resizable="false"/>
<mx:DataGridColumn headerText="F" dataField="colF" draggable="false" sortable="false" resizable="false"/>
</mx:columns>
</mx:DataGrid>

回答:

回答№1は1

手動で設定してみた widthプロパティを使用して列に?

独自のラッパーコンポーネントを作成するか、DataGridを拡張することによって、updateDisplayListを使用して各列のサイズを簡単に計算できます。


回答№2の場合は0

各列の幅を 6.25% - 最初の15%に6%、最後の15%に10%を与える。