title: Flex: displaying URL Link in a Spark DataGrid runs into neighboring column
body: <p>Here's a self-contained application you can run that illustrates my question. When using a LinkButton in Flex spark DataGrid to display a clickable URL, the URL text that is displayed runs into it's neighboring column if the URL's column width becomes too short (i.e. possibly adjusted by user). If you run the code below, here's what you'll see:</p>
  
  <p><img src="https://i.stack.imgur.com/0Q1Ru.png" alt="enter image description here"></p>
  
  <p>Anyone know how to improve on this? Ideally the URL text would be truncated to fit within its column's width and a tooltip would display whenever this truncation occurs (e.g. similar to a spark Label property <code>showTruncationTip="true"</code>). What do people do in practice?</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     xmlns:mx="library://ns.adobe.com/flex/mx"
     minWidth="300" minHeight="300"&gt;
     &lt;fx:Declarations&gt;
       &lt;!-- Define the data --&gt;
       &lt;fx:XMLList id="siteList"&gt;
         &lt;site&gt; &lt;name&gt;IMDB&lt;/name&gt; &lt;url&gt;http://www.imdb.com&lt;/url&gt; &lt;/site&gt;
         &lt;site&gt; &lt;name&gt;BoardgameGeek&lt;/name&gt; &lt;url&gt;http://www.boardgamegeek.com&lt;/url&gt; &lt;/site&gt;
         &lt;site&gt; &lt;name&gt;Yahoo! Finance&lt;/name&gt; &lt;url&gt;http://finance.yahoo.com&lt;/url&gt; &lt;/site&gt;
       &lt;/fx:XMLList&gt;
       &lt;!-- Use an XMLListCollection for the Spark DataGrid --&gt;
       &lt;s:XMLListCollection id="siteList2" source="{siteList}"/&gt;
    &lt;/fx:Declarations&gt;
    &lt;s:layout&gt; &lt;s:VerticalLayout/&gt; &lt;/s:layout&gt;
    &lt;s:Panel title="Spark DataGrid Links" width="300" height="300"
        horizontalCenter="0" verticalCenter="0"&gt;
      &lt;s:DataGrid id="sparkDataGrid"
          width="100%" height="100%"
          dataProvider="{siteList2}"&gt;
          &lt;s:columns&gt;
              &lt;s:ArrayList&gt;
                  &lt;s:GridColumn dataField="url" headerText="URL" width="150"  itemRenderer="myItemRenderer"/&gt;
                  &lt;s:GridColumn dataField="name" headerText="Name"/&gt;
              &lt;/s:ArrayList&gt;
          &lt;/s:columns&gt;
      &lt;/s:DataGrid&gt;
    &lt;/s:Panel&gt;    
  &lt;/s:Application&gt;
  </code></pre>
  
  <p>And the file titled myItemRenderer.mxml (located in the same directory) is:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
    &lt;s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" &gt;
  
    &lt;s:HGroup height="25" verticalAlign="middle" horizontalAlign="left"&gt;
      &lt;mx:LinkButton label="{data.url}" 
         textDecoration="underline" 
         textRollOverColor="0x7777FF" 
         click="navigateToURL(new URLRequest(data.url))" 
         width="100%" 
         labelPlacement="left" 
         color="0x0000DD"/&gt;       
    &lt;/s:HGroup&gt;
  &lt;/s:GridItemRenderer&gt;
  </code></pre>