按百分比设置Flex DataGrid的列宽

最新推荐文章于 2025-08-15 10:14:10 发布

原创最新推荐文章于 2025-08-15 10:14:10 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #flex #list #function

flex 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在Flex3中调整DataGrid列宽的方法，通过计算各列宽度的百分比来实现列宽的动态调整，确保列宽总和等于容器宽度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在网上查找了一些资料，有个方法是直接在DataGridColumn上设置width为小数，加起来必须等1，可是不起作用，不知道是什么原因，我用的是flex3

后来又找了一个方法，可以了，mark一下

//设置dataGrid表格的列宽
private function setColumnWidth():void{
	var widthList:Array = [0.25,0.25,0.25,0.25];
	dataGrid.validateNow();
	var value:Number,display:DataGridColumn,i:int;
	var list:Array = dataGrid.columns;
	var length:int = list.length;
	var dataWidth:int = 0;
	//计算总列宽
	for(i = 0; i < length; i ++){
		display = list[i];
		dataWidth += display.width;
	}
	//大于1，视为像素，按像素设置列宽，并从总列宽中减去；
	for(i = 0; i < length; i ++){
		display = list[i];
		value = widthList[i];
		if(value > 1){
			dataWidth -= value;
			display.width = int(value);
		}
	}
	//小于1，视为百分比，按百分比设置列宽
	for(i = 0; i < length; i ++){
		display = list[i];
		value = widthList[i];
		if(value <= 1) display.width = int(dataWidth * value);
	}
}