title: Change the margins inside cells of a DataGrid (Flex)
body: <p>I am using the following code to insert a DataGrid object into a basic Panel:</p>
  
  <pre><code>&lt;mx:DataGrid borderThickness="0"
     height="120" dataProvider="{collection}"
     rowHeight="12" fontSize="9"
     showHeaders="false" verticalGridLines="false"&gt;
       &lt;mx:columns&gt;
           &lt;mx:DataGridColumn dataField="field1" headerText="Field 1"/&gt;
           &lt;mx:DataGridColumn dataField="field2" headerText="Field 2"/&gt;
       &lt;/mx:columns&gt;
  &lt;/mx:DataGrid&gt;
  </code></pre>
  
  <p>My point for setting both rowHeight and fontSize properties is that I need the DataGrid to be compact, with very little space between each row. But with this code I end up with most of the text "truncated": only the upper part of the symbols appears on each row, and the rest is cut by some empty space.
  This I guess is due to the default margins inside DataGrid cells, that take priority over the text itself when displaying.
  Is there a way to fix this problem? And is there any reason why Adobe did not let the margin property be set?
  Thanks for your help.</p>