title: ItemRenderer Doesn't Resize with DataGrid Column
body: <p>I have an item renderer tied to an <code>mx:DataGrid</code> column. The renderer used to be inline with the column, but I've moved it out to its own file so I can reuse it across multiple tables.</p>
  
  <p>The problem is that now the renderer doesn't resize (grow/shrink) when the column is resized. So if the user makes the column very small, the contents displayed by the renderer just eat up space and show up over top other columns Any ideas how to make this work?</p>
  
  <p>Code for Item Renderer:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                            xmlns:s="library://ns.adobe.com/flex/spark" 
                            xmlns:mx="library://ns.adobe.com/flex/mx" 
                            focusEnabled="true"&gt;
      &lt;mx:HBox verticalScrollPolicy="auto" horizontalScrollPolicy="off" width="100%"&gt;
          &lt;mx:Spacer top="0" bottom="0" width="4" /&gt;
          &lt;mx:Image id="typeIcon" buttonMode="false" source="{data.type}" /&gt;
      &lt;/mx:HBox&gt;
  &lt;/s:MXDataGridItemRenderer&gt;
  </code></pre>
  
  <p>Code for column using that renderer:</p>
  
  <pre><code>&lt;mx:DataGridColumn headerText="Type" dataField="type" itemRenderer="com.myCompany.myProject.TypeRenderer" /&gt;
  </code></pre>
  
  <p><strong>Edit</strong></p>
  
  <p>Adding <code>width=100%</code> to the <code>MXDataGridItemRender</code> didn't work.</p>