How to remove UITableView section header separator

Question

I would like to remove (or make them clearColor) UITableView's section header separators. Setting tableView.separatorStyle = .none doesn't work. I've also tried solutions from here, but none of them actually worked for me (maybe because the answers are pretty old). I still get this tiny separator below the section header.

I created the UITableView in Storyboard and add a UITableViewCell there. Then I set it as a header like this:

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let cell = tableView.dequeueReusableCell(withIdentifier: "headerTableViewCell")
        return cell
    }

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        if section == 1 {
            return 49
        }
        return 0
    }

why you add cell in viewForHeaderInSection ? – Nitin Gohel Feb 17 '17 at 11:05 — Nitin Gohel, Feb 17 '17 at 11:05

score 12 · Accepted Answer · answered Feb 17 '17 at 11:05

Don't know why you are returning UITableViewCell in viewForHeaderInSection method so may be it is possible that is showing separator of that UITableViewCell. Try returning the contentView of cell instead of cell from viewForHeaderInSection method.

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let cell = tableView.dequeueReusableCell(withIdentifier: "headerTableViewCell")
    return cell.contentView
}

score 1 · Answer 2 · answered Feb 17 '17 at 11:10

1

Try this:

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerView = UIView()
    headerView.backgroundColor = UIColor.clear
    return headerView
}

answered Feb 17 '17 at 11:10

iParesh

2,338
1
18
30

score 0 · Answer 3 · answered Jul 18 '17 at 10:41

0

I have solved this by following way:

func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
        return 0.01
    }

answered Jul 18 '17 at 10:41

Abhishek Mitra

3,335
4
25
46

Actually this is a great way. Although you can just do `return 0`. – Jin Wang Dec 11 '17 at 02:13
2

Under some circumstances, 0 is ignored (Grouped View). You should return `CGFloat.leastNormalMagnitude` instead. – inexcitus Jun 30 '19 at 13:28

yaronalk · Answer 4 · 2020-01-14T12:32:37.677

Turns out overriding layoutSubviews removes all the cell's separators, both section-related and cell-related.

@interface MyCustomCell : UITableViewCell

@end    

@implementation MyCustomCell

- (void)layoutSubviews {
    // don't call [super layoutSubviews]
    // can be left empty
    // does not harm other UI elements inside the contentView
}

@end

In multiple-cell sections, you may just want to only remove the Section-related separators (at the top of first cell and at the bottom of last cell), keeping inset, inter-cell, separators shown:

- (void)layoutSubviews {
    [super layoutSubviews];

    for (UIView *view in self.subviews) {
        if ([view isEqual:self.contentView]) continue;

        view.hidden = view.bounds.size.width == self.bounds.size.width;
    }
}

How to remove UITableView section header separator

4 Answers4

Linked