If there are TableViewRows after a TableViewSection that contains a footerView, that section's footView will not appear. Please see the attached screenshot for a clearer picture.
var rowCtr = 0,
data = [];
var win = Ti.UI.createWindow({
backgroundColor: '#fff',
fullscreen: false,
exitOnClose: true
});
var section = Ti.UI.createTableViewSection({
headerView: Ti.UI.createLabel({
text: 'headerView',
backgroundColor: '#a00',
color: '#fff',
height: '40dp',
width: Ti.UI.FILL
}),
footerView: Ti.UI.createLabel({
text: 'footerView',
backgroundColor: '#00a',
color: '#fff',
height: '40dp',
width: Ti.UI.FILL
})
});
genRows(4, data);
genRows(4, section);
data.push(section);
genRows(4, data);
var table = Ti.UI.createTableView({
data: data
});
win.add(table);
win.open();
function genRows(num, obj) {
var isSection = typeof obj.length === 'undefined';
for (var i = 0; i < num; i++) {
var row = Ti.UI.createTableViewRow({
title: (isSection ? 'section ' : '') + 'row ' + (++rowCtr)
});
if (!isSection) {
obj.push(row);
} else {
obj.add(row);
}
}
}
Closing ticket as duplicate of the ticket that is mentioned above and has since been closed.