Flex mobile app - which data grid control to use?

Question

Hi,
Trying to build my first Flex mobile app in FlashBuilder 4.6 and I need a grid control to display a 2 dimmensional array of 6 columns x 50 rows.
The user doesn't don't need to have any interraction with the grid except for scrolling the rows.
I was looking at using dataGrid component but adobe doesn't recommend it for mobile apps.
Is there a grid component that is recommended for mobile apps?
Thanks

Answer 1

Here it is.
// Show empty grid to start
private function initGrid():void
    const dataArray:Array = new Array(1);
    var values:Array = new Array(1);
    values[0] = "";
    dataArray[0] = values;
    grid.dataProvider = new ArrayCollection(dataArray);
// Build array and feed it to the grid - 50 rows x 9 columns dataGrid (grid)
protected function FillGrid():void
var rows:int = 50;
var columns:int = 9;
// rows array
const dataArray:Array = new Array(rows);
// Get rows
for(var row:int=0; row<rows; row++)
  const arrLine:Array = [columns+1];
  arrLine[0] = row+1;
  for(var col:int=1; col<columns+1; col++)
   // columns array
   arrLine[col] = Math.floor(Math.random()*10);
  dataArray[row] = arrLine;
// At this point the multi dimensional array is assembled, now we connect it to the dataGrid
grid.dataProvider = new ArrayCollection(dataArray);
<!-- The DataGrid's dataProvider and typicalItem are set at initialize time by the initializeDataProvider method. -->
<s:Panel id="tablePanel" x="519" top="91" width="470" height="400" color="#827259" fontSize="18" title=".">
<s:DataGrid id="grid" left="5" right="5" top="5" bottom="5" selectionMode="singleRow" initialize="initGrid()" fontSize="17" >
  <!-- The default item renderer is used by the first 6 columns to display
  the dataProvider item's array element value at col. -->
  <s:itemRenderer>
   <fx:Component>
    <s:DefaultGridItemRenderer>
     <fx:Script>
      <![CDATA[
       override public function prepare(hasBeenRecycled:Boolean):void
        label = data[columnIndex];
      ]]>
     </fx:Script>
    </s:DefaultGridItemRenderer>
   </fx:Component>
  </s:itemRenderer>
  <s:columns>
   <s:ArrayList>
    <!-- Columns inherit the DataGrid's itemRenderer. -->
    <s:GridColumn id="zero"    headerText="N0" width="65" resizable="false"/>
    <s:GridColumn id="one"     headerText="N1" width="45" resizable="false"/>
    <s:GridColumn id="two"     headerText="N2" width="45" resizable="false"/>   
    <s:GridColumn id="three"   headerText="N3" width="45" resizable="false"/>   
    <s:GridColumn id="four"    headerText="N4" width="45" resizable="false"/>
    <s:GridColumn id="five"    headerText="N5" width="45" resizable="false"/>
    <s:GridColumn id="six"     headerText="N6" width="45" resizable="false"/>
    <s:GridColumn id="seven"   headerText="N7" width="45" resizable="false"/>
    <s:GridColumn id="eight"   headerText="N8" width="65" resizable="false"/>
   </s:ArrayList>
  </s:columns>
</s:DataGrid>
</s:Panel>       
Tomexxus