[TIMOB-28438] Android: TableViewSection header displays the first header text for all other headers

var win = Ti.UI.createWindow();

var RED = 'Red',
    GREEN = 'Green',
    PURPLE = 'Purple';

var table = Ti.UI.createTableView({
});

var tableSection1 = createSectionForGroup(RED);
var tableSection2 = createSectionForGroup(GREEN);
var tableSection3 = createSectionForGroup(PURPLE);
var tableSection4 = createSectionForGroup(PURPLE);
var tableSection5 = createSectionForGroup(RED);
var tableSection6 = createSectionForGroup(GREEN);
var tableSection7 = createSectionForGroup(PURPLE);
var tableSection8 = createSectionForGroup(PURPLE);
var tableSection9 = createSectionForGroup(RED);
var tableSection10 = createSectionForGroup(GREEN);
var tableSection11 = createSectionForGroup(PURPLE);
var tableSection12 = createSectionForGroup(PURPLE);

var tableRow = Ti.UI.createTableViewRow({
    title: 'Row'
});

var rows = 7;
var i;
for (i = 0; i <= rows; i++) {
    tableSection1.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection2.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection3.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection4.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection5.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection6.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection7.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection8.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection9.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection10.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection11.add(tableRow);
}

for (i = 0; i <= rows; i++) {
    tableSection12.add(tableRow);
}

table.setData([tableSection1, tableSection2, tableSection3, tableSection4, tableSection5, tableSection6, tableSection7, tableSection8,
    tableSection9, tableSection10, tableSection11, tableSection12
]);

function createSectionForGroup(group) {
    var headerContainerOpts, headerBottomBorderOpts, headerViewOpts;

    headerViewOpts = {
        color: 'white',
        height: Ti.UI.SIZE,
        font: {
            fontSize: '17sp',
            fontWeight: 'bold'
        },
        left: 11,
        text: group
    };

    if (group === RED) {
        headerContainerOpts = {
            backgroundGradient: {
                endPoint: {
                    x: 0,
                    y: '100%'
                },
                startPoint: {
                    x: 0,
                    y: 0
                },
                type: 'linear',
                colors: ['#C53019', '#B32D14']
            },
            height: 32
        };
    }
    if (group === GREEN) {
        headerContainerOpts = {
            backgroundGradient: {
                endPoint: {
                    x: 0,
                    y: '100%'
                },
                startPoint: {
                    x: 0,
                    y: 0
                },
                type: 'linear',
                colors: ['#2B781E', '#195010']
            },
            height: 32
        };
    }
    if (group === PURPLE) {
        headerContainerOpts = {
            backgroundGradient: {
                endPoint: {
                    x: 0,
                    y: '100%'
                },
                startPoint: {
                    x: 0,
                    y: 0
                },
                type: 'linear',
                colors: ['#873DA6', '#612A7D']
            },
            height: 32
        };
    }

    var container = Ti.UI.createView(headerContainerOpts);
    container.add(Ti.UI.createLabel(headerViewOpts));
    return Ti.UI.createTableViewSection({
        headerView: container,
        title: group
    });
}

win.add(table);
win.open();