代码之家 › 专栏 › 技术社区 › foobarfuzzbizz

在Flex中,如何在DataGrid中均匀分布列?

adobe view flex

foobarfuzzbizz · 技术社区 · 14 年前

在我的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 回复 | 直到 14 年前

JeffryHouser 14 年前

您是否尝试手动设置 width

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

Amarghosh 14 年前

将每列的宽度设置为 6.25%