var _friends = {};

(function() {

	// private variable
	var win = Ti.UI.createWindow({
		title: "Friends",
	});
	var tab = Ti.UI.createTab({
		window: win,
		title: "Friends",
		icon: 'KS_nav_views.png'
	});
	var table = Ti.UI.createTableView({});
	var rows = [];

	// public variable
	_friends.tab = tab;

	var test_data = [{
		image:'ggf.JPG',
		name:"Zynes"
	},{
		image:'ggf.JPG',
		name:"Zynes"
	},];

	function onRowClick(event) {
		var win = Ti.UI.createWindow({
			title: "Friend Info",
		});
		var text = Titanium.UI.createLabel({
			text:this.datum.name,			
		});
		win.add(text);
		Ti.UI.currentTab.open(win);
	}

	function renderRow(data) {
		for (var i = 0; i < data.length; i++) {
			var datum = data[i];
			var row = Ti.UI.createTableViewRow({
				height:50,
				datum:datum
			});
			var rowView = Ti.UI.createView({
				height:"100%",
				top:0
			});
			var leftImage = Ti.UI.createImageView({
				image:datum.image,
				width: 50,
				left:"5%"
			});
			var title = Ti.UI.createLabel({
				text:datum.name,
				font: {
					fontSize:16,
					fontWeight:'bold'
				},
				width:'auto',
				textAlign:'left',
				top:13,
				left:60,
				height:24
			});

			rowView.add(leftImage);
			rowView.add(title);
			row.add(rowView);
			row.hasDetail=true;
			rows.push(row);

			row.addEventListener("click", onRowClick);
		}
		table.setData(rows);
	}

	renderRow(test_data);

	// add ui components
	win.add(table);
})();
@@ -1,12 +1,53 @@
+Titanium.UI.setBackgroundColor('#FFF');%0A%0A
 var _friends
@@ -89,16 +89,40 @@
 variable
+%09%0A%09var bgColor = %22#FFF%22;
 %0A%09var wi
@@ -166,16 +166,43 @@
 iends%22,%0A
+%09%09backgroundColor: bgColor%0A
 %09%7D);%0A%09va
@@ -875,16 +875,46 @@
 um:datum
+,%0A%09%09%09%09backgroundColor:bgColor,
 %0A%09%09%09%7D);%0A

Change bg color to white