Footer overlays on top of tableview cell contents while scrolls

Question

I have added footerview programmatically for each section as follows. I could able to see the footerview .

However, when I scroll up or down at the bottom or at the top of the tableview, footerview overlays on top of tableviewcells .

How could I able to disable it?

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
    if(adminOrderElements[section].expanded && [adminOrderElements[section].notes length]>0)
    {
        return 60;
    } else {
        return 0;
    }

    return 60;
}

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    UIView *footer = [[UIView alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 60)];
    footer.backgroundColor = [UIColor clearColor];

    UILabel *lbl = [[UILabel alloc]initWithFrame:footer.frame];
    lbl.backgroundColor = [UIColor clearColor];
    lbl.text = @"Your Text";
    lbl.textAlignment = NSTextAlignmentCenter;
    [footer addSubview:lbl];

    return footer;
}

Before Scroll

After Scroll

Answer 1

If I understand your question correctly, you only have to change the UITableViewStyle to UITableViewStyleGrouped . According to the docs , for table views using grouped style the section headers and footers do not float .