If i use a TableView with a header and a section. The section has the same height like the TableView header.

how can i fix this.

thanks
Marcel

var win1 = Titanium.UI.createWindow({
    title: 'Tab 1',
    backgroundColor: '#fff'
});

var data = [];

var hv = Titanium.UI.createView({
    backgroundColor: '#c3c3c3',
    height: 'auto'
});




var hlv = Titanium.UI.createLabel({
    text: 'Views',
    left: 80,
    font: {
        fontSize: 14
    },
    height: 40
});
hv.add(hlv);

var section = Titanium.UI.createTableViewSection({
    height: 40,
    headerView: hv
});

data.push(section);



data.push({
    title: "Row 1"
});

data.push({
    title: "Row 2"
});


var view4 = Ti.UI.createView({
    backgroundColor: 'black'
});
var l4 = Ti.UI.createLabel({
    text: 'View 4',
    color: '#fff',
    width: 'auto',
    height: 'auto'
});
view4.add(l4);

var view3 = Ti.UI.createView({
    backgroundColor: 'black'
});
var l3 = Ti.UI.createLabel({
    text: 'View 3',
    color: '#fff',
    width: 'auto',
    height: 'auto'
});
view3.add(l3);

var scrollView = Titanium.UI.createScrollableView({
    views: [view3, view4],
    showPagingControl: true,
    pagingControlHeight: 30,
    maxZoomScale: 2.0,
    currentPage: 1,
    height: 150,
    top: 0
});




var table = Titanium.UI.createTableView({
    headerView: scrollView,
    data: data,
});
win1.add(table);