I recall having to play around with this when I did this in the past, just from memory I would suggest you try setting widths after you set grid.columns by doing grid.columns[0].width = 100, etc. I think it also would not work exactly if the total widths did not match the grid, so you could try leaving the last one's width blank so it auto-sets and see if that makes a difference.
-doug --- In flexcoders@yahoogroups.com, "lytvynyuk" <[EMAIL PROTECTED]> wrote: > > When DG created by AS and placed into tab navigator, it completely > ignores its width, why? > Here is an example: > > <?xml version="1.0" encoding="utf-8"?> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; > layout="absolute" > creationComplete="init();"> > <mx:Script> > <![CDATA[ > import mx.controls.dataGridClasses.DataGridColumn; > import mx.controls.DataGrid; > import mx.containers.Canvas; > private function init():void { > for(var i:int = 0; i < 3; i++) { > var canvas:Canvas = new Canvas(); > var grid:DataGrid = new DataGrid(); > grid.selectable = false; > canvas.label = "Panel2 " + i; > canvas.percentHeight = 100; > canvas.percentWidth = 100; > canvas.addChild(grid); > > grid.percentHeight = 100; > grid.percentWidth = 100; > grid.variableRowHeight = true; > > var columns:Array = new Array(new > DataGridColumn(), new DataGridColumn(), new DataGridColumn()); > var nameColumn:DataGridColumn = > DataGridColumn(columns[0]); > nameColumn.dataField = "name"; > nameColumn.headerText = "Full Name"; > nameColumn.width = 100; > nameColumn.minWidth = 100; > var ipColumn:DataGridColumn = > DataGridColumn(columns[1]); > ipColumn.headerText = "Addresses"; > ipColumn.dataField = "addr"; > ipColumn.editable = false; > ipColumn.wordWrap = true; > var countColumn:DataGridColumn = > DataGridColumn(columns[2]); > countColumn.headerText = "Data Count"; > //ipColumn.dataField = "devices"; > countColumn.editable = false; > countColumn.width = 100; > countColumn.dataField = "datac"; > > grid.columns = columns; > > //grid.dataProvider = context_m.devices; > navigator.addChild(canvas); > } > } > ]]> > </mx:Script> > <mx:TabNavigator right="10" left="10" top="60" bottom="40" > id="navigator"> > </mx:TabNavigator> > </mx:Application> > > I expect tabs to be looking identical, what is going on here? Any other > approaches to achieve desirable result? >
