[flexcoders] how to prevent gap between grid rows?

[Pan Troglodytes]

Given the following example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="vertical">
  <mx:DataGrid dataProvider="{[{x:1}, {x:2}, {x:3}]}">
    <mx:columns>
      <mx:DataGridColumn dataField="x" backgroundColor="blue">
        <mx:itemRenderer>
          <mx:Component>
            <mx:Canvas width="100%" height="100%" backgroundColor="red">
              <mx:Text width="100%" height="100%" text="{data.x}"/>
            </mx:Canvas>
          </mx:Component>
        </mx:itemRenderer>
      </mx:DataGridColumn>
    </mx:columns>
  </mx:DataGrid>
</mx:Application>


It shows up as red rows with blue gaps between each row.  I don't want the
blue gaps there.  I put those height/widths in to try to avoid it.  I can't
find any style that seems applicable.  I get the same results using
AdvancedDataGrid.  Any solutions?

-- 
Jason