如何在Flex中的DataGrid中均匀分配列?

时间:2010-07-14 22:35:14

标签: flex view adobe

我的Flex应用中的DataGrid中有16列。前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>

2 个答案:

答案 0 :(得分:1)

您是否尝试使用width属性手动设置列上的width

您可以轻松地使用updateDisplayList来计算每列的大小,方法是创建自己的包装器组件或扩展DataGrid。

答案 1 :(得分:0)

将每列的宽度设置为6.25% - 前6%为10%,后者为10%。