Appcelerator动态TableViewRow标题仅在滚动后出现

Question

我正在开发一个App，我有一个tableview，它从API加载数据，并从外部文件渲染tableviewrows。 当屏幕打开时，tableview为空白，但如果我向上滚动tableview，我可以看到第一行中的标题。

你能帮帮我吗？谢谢！

categorias.xml

<Alloy>
    <Window class="container">      
        <View class="titleBar">
            <Button id="backButton" onClick="backWindow" />
            <Label class="lblTitle">Categorias</Label>
            <Button id="nextButton" onClick="create" TipoAtributoId="0">Novo</Button>
        </View>
        <TableView id="tblData" top="70" editable="true" deleteButtonTitle="Apagar">
        </TableView>
    </Window>
</Alloy>

categoria.js

function getCategoria(){    
    var rows = [];
    net.categoriaGet(function(data){
        $.tblData.data = [];
        if (data != null){
            for (var i=0; i < data.length; i++){
                var arg = {
                    type:'categoria',
                    title: data[i].Nome,
                    id: data[i].CategoriaId
                };
                rows.push(Alloy.createController('row', arg).getView());
            }           
            $.tblData.setData(rows);
            Alloy.Globals.hideIndicator();
            rc.endRefreshing();
        } else {
            Alloy.Globals.hideIndicator();
            rc.endRefreshing();
        }

    });
}

row.xml

<Alloy>
    <TableViewRow id="rowView" onClick="edit"/>
</Alloy>

row.js

var args = $.args;
$.rowView.title = $.args.title;

initial screen screen after scroll to up