My two labels didn't show up

Hello,

I tried to implement this exemple to display a custom table in which I insert image in each row:

Titanium.UI.setBackgroundColor('#000');
 
 
var tabGroup = Titanium.UI.createTabGroup();
 
var myWindow = Titanium.UI.createWindow({
 
    title:"Liste des joueurs",
    backgroundColor:"white"
 
});
 
 
/*var data = [
 
{title:"Ali Maaloul",leftImage:"images/css.png",className:"players",hasCheck:true},
{title:"Youssef Msakni",leftImage:"images/est.png",className:"players"},
{title:"Bilel Ifa",leftImage:"images/mobile_phone.png",className:"players"},
{title:"Oussema Darragi",leftImage:"images/logo1.png",className:"players"}
 
]*/
 
var data = [
 
{img:"images/realban.png",title:"Poster Equipe",prix:30},
{img:"images/bebes.png",title:"Poster Bebes",prix:30},
{img:"images/logo-sugarcrm.png",title:"Poster Logiciel",prix:40},
 
]
 
var datarow = [];
 
for (var i=0; i < data.length; i++) {
 
      var bgBar = Titanium.UI.createView({  
         width:"100%",
         bottom:0,
         left:0,
         height:32,
         backgroundColor:"#000",
         opacity:0.6        
      });
 
 
      var leftLabel = Titanium.UI.createLabel({     
        text:data[i].title,
        height:36,
        bottom:0,
        left:0,
        width:"75%",
        textAlign:"left",
        color:"#FFFFFF"     
      });
 
 
      var rightLabel = Titanium.UI.createLabel({        
        text:data[i].prix+" €",
        height:36,
        bottom:0,
        right:0,
        width:"30%",
        textAlign:"right",
        color:"#FFFFFF"     
      });
 
 
      var myImage = Titanium.UI.createImageView({       
        image:data[i].img,
        height:140,
        width:320       
      }); 
 
 
    var myDataRow = Titanium.UI.createTableViewRow({        
        height:"auto"
    });
 
 
    myDataRow.add(bgBar);
    myDataRow.add(leftLabel);
    myDataRow.add(rightLabel);
    myDataRow.add(myImage);
 
    datarow.push(myDataRow);
};
 
    var myTab = Titanium.UI.createTab({
 
        title:"Gestion des joueurs",
        icon:"KS_nav_ui.png",
        window:myWindow
 
    });
 
   var tableView = Titanium.UI.createTableView({
    data:datarow
    });
 
 
myWindow.add(tableView);
tabGroup.addTab(myTab);
 
tabGroup.open();

The problem is that the black blur label didn't shown, and instead, I have the picture in front ... :(

I want that the "bgbar" will be in the first "layer" !

Thanks