BlackBerry: 1.7.0.RC2 appending complex rows to a tableView

app.js

var win = Ti.UI.createWindow();
var data = [];
for (var i = 0; i < 10; i++) {
    data.push({title:'I am row text '+i });
}

var tableView = Ti.UI.createTableView({
    data:data
});
tableView.setCreateCallback(function(e) {

    var view = Ti.UI.createView({
        width:'fill',
        height:70
    });

    var label = Ti.UI.createLabel({
        text:e.rowData.title,
        color:'#336699',
        top:5,
        left:10,
        height:70,
        font:{fontSize:20, fontWeight:'bold'},
    });
    view.add(label);

    var button = Ti.UI.createButton({
        title:'Button-'+e.index,
        height:30,
        left:60,
        top:30,
        font:{fontSize:12},
    });
    button.addEventListener('click', function() {
        alert('You clicked Button-' + e.index);
    });
    view.add(button);
    Ti.API.info('###### Created New Row');
    return view;
});
tableView.addEventListener('click', function(e) {
    Ti.API.info('You clicked Row-' + e.index);
    var newData = {title: 'New row'};
    tableView.appendRow(newData);
});

var scrollView = Ti.UI.createScrollView();
scrollView.add(tableView);
win.add(scrollView);

win.open()