UITableView section header creeps under navigation bar

Question

Due to navigation bar style being translucent, I get my first section header (section # 0) hidden under my navigation bar.

I know this has been asked before, and a workaround to it is to do:

 self.navController.navigationBar.translucent = YES;

This places the problematic view correct - section header appears beneath the navigation bar instead of hiding behind it, which is what I want.

However, this invalidates my other view designs and leaves extra spaces in all of them, right under my nav bar.

How do I get the section header at correct place?

score 14 · Accepted Answer · edited May 23 '17 at 12:00

14

Resolved:

Open storyboard file
select UITableView
Under attribute inspector -> Scroll view size -> Content insets, set Top = 44 (or whichever is your nav bar height).

See image below - it is under size section:

enter image description here

And here is how to fix it programmatically.

edited May 23 '17 at 12:00

Community

1
1

answered Dec 04 '12 at 04:54

Nirav Bhatt

6,940
5
45
89

Where is attribute inspector? – Gank Jun 10 '14 at 17:54
Content insets don't exist in the inspector, only scroll indicators insets. – Steve Jul 30 '14 at 12:00
@SteveTaylor - check if you accidentally hid it using Hide button. – Nirav Bhatt Jul 30 '14 at 12:50
1

I checked again. It's not hidden. It's simply not there. Nevertheless, I resolved this problem not with magic numbers but instead by embedding my `UITableViewController` in a `UINavigationViewController`. – Steve Jul 30 '14 at 13:21

score 8 · Answer 2 · answered Apr 15 '14 at 20:55

8

To solve this while using SVPullToRefresh. I created the method below and inplace of [self.tableView.pullToRefreshView stopAnimating];

-(void)stopPullToRefreshAnimation
{
    [self.tableView.pullToRefreshView stopAnimating]; // call to stop animation

    UIEdgeInsets inset = UIEdgeInsetsMake(44, 0, 0, 0);
    self.tableView.contentInset = inset;
    self.tableView.scrollIndicatorInsets = inset;
} //stopPullToRefreshAnimation

answered Apr 15 '14 at 20:55

ShawnG

123
1
6

property pulltorefreshview not found on object of type tableview – Kyle Griffith Sep 27 '16 at 22:08

score 1 · Answer 3 · answered Jan 05 '14 at 12:00

1

For others having this issue while using (SVPullToRefresh).

It can be solved by changing the view.originalTopInset in UIScrollView+SVPullToRefresh.m to whatever point you want your header to start at.

answered Jan 05 '14 at 12:00

Abuirshaid

11
1

Tariq can you please share detail on this? After initial scrolling operation I can never get my first tableview element to be seen it creeps up under the navcontroller/bar. I see in the SVPullToRefresh code the originalTopInset var but it is used in many places - where should I change it and how? – Mike Kogan Mar 11 '14 at 22:13

score 1 · Answer 4 · answered Mar 16 '21 at 03:34

1

Easiest solution:

tableView.tableHeaderView = UIView()

answered Mar 16 '21 at 03:34

Joshua Hart

772
1
21
31

UITableView section header creeps under navigation bar

4 Answers4