Comments on: Set DataGridColumn’s width in percentage with ease http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/ coder and technology lover Fri, 03 Sep 2010 13:41:46 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: DD http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-6123 DD Fri, 28 May 2010 13:07:26 +0000 http://www.daveoncode.com/?p=350#comment-6123 Thanks for this post Now it's WAAAY easier for me to deal with multiple DataGridColumn widths. Thanks for this post
Now it’s WAAAY easier for me to deal with multiple DataGridColumn widths.

]]> By: Abhishek http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-4973 Abhishek Mon, 08 Feb 2010 09:13:17 +0000 http://www.daveoncode.com/?p=350#comment-4973 This code has helped a lot. It perfevtly works. Thanks for posting it. This code has helped a lot. It perfevtly works.
Thanks for posting it.

]]> By: Banksy http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-3526 Banksy Tue, 03 Nov 2009 21:34:22 +0000 http://www.daveoncode.com/?p=350#comment-3526 Excellent, well done Excellent, well done

]]> By: JabbyPanda http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-3282 JabbyPanda Wed, 14 Oct 2009 09:02:33 +0000 http://www.daveoncode.com/?p=350#comment-3282 Hi Davide, You've described an smart and simple to code workaround for "how-to" specify percentage width values for the width of Adobe Flex Datagrid's columns. Unfortunately, this workaround is not applicable if the developer will specify explicit "minWidth" value for any column. Nate's extension for DataGrid called ScalableDataGrid looks and works in more solid way to provide the support for percentage width values for DataGrid's columns: http://natescodevault.com/?p=67 Hi Davide,

You’ve described an smart and simple to code workaround for “how-to” specify percentage width values for the width of Adobe Flex Datagrid’s columns.

Unfortunately, this workaround is not applicable if the developer will specify explicit “minWidth” value for any column.

Nate’s extension for DataGrid called ScalableDataGrid looks and works in more solid way to provide the support for percentage width values for DataGrid’s columns:

http://natescodevault.com/?p=67

]]> By: Dipanjan http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-2849 Dipanjan Wed, 26 Aug 2009 15:15:56 +0000 http://www.daveoncode.com/?p=350#comment-2849 This is really awesome !!! Wonder why the documentation does not through any light on this... This is really awesome !!!
Wonder why the documentation does not through any light on this…

]]> By: Davide Zanotti http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-2226 Davide Zanotti Wed, 17 Jun 2009 11:59:51 +0000 http://www.daveoncode.com/?p=350#comment-2226 @GarykPatton: I usually write new posts on my blog once a week (more or less) @GarykPatton: I usually write new posts on my blog once a week (more or less)

]]> By: GarykPatton http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-2216 GarykPatton Tue, 16 Jun 2009 03:09:30 +0000 http://www.daveoncode.com/?p=350#comment-2216 Hello. I think the article is really interesting. I am even interested in reading more. How soon will you update your blog? Hello. I think the article is really interesting. I am even interested in reading more. How soon will you update your blog?

]]> By: KattyBlackyard http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-2208 KattyBlackyard Mon, 15 Jun 2009 01:32:00 +0000 http://www.daveoncode.com/?p=350#comment-2208 Hi, gr8 post thanks for posting. Information is useful! Hi, gr8 post thanks for posting. Information is useful!

]]> By: Davide Zanotti http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-904 Davide Zanotti Thu, 23 Apr 2009 07:50:13 +0000 http://www.daveoncode.com/?p=350#comment-904 You are perfectly right Nate, I don't tried a combination like your example in my test :P Thanks for the catch ;) ps. Anyway you can play with minWidth property of percentage columns, something like: <code> <mx:DataGridColumn dataField="firstname" width="0.2" minWidth="120" /> </code> doesn't solve the problem, but can help :) You are perfectly right Nate, I don’t tried a combination like your example in my test :P
Thanks for the catch ;)

ps. Anyway you can play with minWidth property of percentage columns, something like:

1
<mx:DataGridColumn dataField="firstname" width="0.2" minWidth="120" />

doesn’t solve the problem, but can help :)

]]> By: Nate Ross http://www.daveoncode.com/2009/03/18/set-datagridcolumns-width-in-percentage-with-ease/comment-page-1/#comment-896 Nate Ross Thu, 23 Apr 2009 00:25:42 +0000 http://www.daveoncode.com/?p=350#comment-896 Your solution only works for percentages, but not a combination of the two. What if I want the first column to be 70%, the second to be 30%, and the last to be 50 pixels like this... <code> <mx:DataGrid dataProvider="{dummyData}" width="100%" height="300"> <mx:columns> <mx:DataGridColumn dataField="label" width="0.7"/> <mx:DataGridColumn dataField="data" width="0.3"/> <mx:DataGridColumn dataField="extra" width="50"/> </mx:columns> </mx:DataGrid> </code> The result is that the last column is gigantic whereas the other two are tiny. The reason is because the DataGrid takes the total of all the widths and then uses the total width of the DataGrid to allocate a percentage to each. For purely percentage-based columns, this works, but not for a combination. Your solution only works for percentages, but not a combination of the two. What if I want the first column to be 70%, the second to be 30%, and the last to be 50 pixels like this…

1
2
3
4
5
6
7
<mx:DataGrid dataProvider="{dummyData}" width="100%" height="300">
<mx:columns>
<mx:DataGridColumn dataField="label" width="0.7"/>
<mx:DataGridColumn dataField="data" width="0.3"/>
<mx:DataGridColumn dataField="extra" width="50"/>
</mx:columns>
</mx:DataGrid>

The result is that the last column is gigantic whereas the other two are tiny. The reason is because the DataGrid takes the total of all the widths and then uses the total width of the DataGrid to allocate a percentage to each. For purely percentage-based columns, this works, but not for a combination.

]]>