Empty white space above UITableView inside a UIView

Question

I'm trying to position a TableView inside my ViewController view but leaving a 44 height gap between the bottom of the navigation bar and the top of the table. I then wanted to place a UITextField inside that gap to act as a stationary header. For some reason, the TableView has an empty white space above the start of the "Prototype Cells". Its just white space. Here is what it looks like in the storyboard.

storyboard

When viewing the app display, this is what it looks like:

app1

When scrolling the table, it goes all the way up to the correct place:

app2

possible duplicate of [Why is there extra padding at the top of my UITableView with style UITableViewStyleGrouped in iOS7](http://stackoverflow.com/questions/18880341/why-is-there-extra-padding-at-the-top-of-my-uitableview-with-style-uitableviewst) — Manab Kumar Mal, Sep 29 '15 at 15:35

oren · Accepted Answer · 2016-01-29T10:16:25.837

91

Try to look in the 'attribute inspector' (in the right menu) of the Participants ViewController. Check for the option 'Extend Edges' and uncheck the 'Under Top Bars', and then relocate your tableview.

Another possible solution is to just uncheck the option 'Adjust Scroll View Insets'. The reason is that when the viewController extends its edges, let's say under the top bar, the tableView's scrollView automatically adjusts its inset top, so that the content of the tableView will start exactly under the top bar. But in your case this is not needed, since your tableView itself starts under the bar.

Focus on the ViewController and got to the Attribute Inspector tab:

edited Jan 29 '16 at 10:16

answered Jan 07 '15 at 20:11

oren

3,159
18
33

Great! This works well except that the "Enter name" text field is not visible when in landscape mode. Perhaps its hidden below the table because the navigation bar is thinner? – Fenda Jan 07 '15 at 20:24
Sounds like just a simple case for constraints. Try to set constraint for the textField - 'Top Space to Top Layout Guide', this should cause the textField to be under the top layout guide by the constant you set, in this case, the topLayoutGuide is exactly the bottom of the navigation bar. – oren Jan 08 '15 at 14:31
Just updated my answer with a better solution. by the way, I just want to emphasize that it doesn't related to header view, as the other answer suggested... at least not as I see it.. – oren Jan 08 '15 at 19:06
1

The second paragraph of your answer works perfectly. Thank you! – Fenda Jan 11 '15 at 15:00
1

Thanks you sir! This is my first 'V' :) – oren Jan 11 '15 at 16:19

score 13 · Answer 2 · answered Jun 28 '16 at 09:35

13

Try this one:

self.tableView.contentInset = UIEdgeInsetsMake(-65, 0, 0, 0)

answered Jun 28 '16 at 09:35

Nati Lara-Diaz

2,056
16
8

what is strange is that none of the solutions helped except of yours. – Tung Fam Oct 16 '16 at 12:35
This is the only answer that worked for me. Thanks @Natividad! – Akilan Arasu Mar 07 '19 at 02:47

score 9 · Answer 3 · answered Sep 29 '15 at 09:43

9

Just add this in you ViewDidLoad method

self.automaticallyAdjustsScrollViewInsets = NO;

answered Sep 29 '15 at 09:43

Fadi Abuzant

476
8
13

score 6 · Answer 4 · edited Feb 19 '19 at 10:50

6

change your table view style from grouped to plain

edited Feb 19 '19 at 10:50

Krzysztof Janiszewski

3,763
3
18
38

answered Feb 19 '19 at 10:20

venkatesh

81
1
2

Thanks! this works for me, but mine is change Plain to Grouped! – dogteeth Oct 04 '21 at 01:14

score 1 · Answer 5 · answered Jan 08 '15 at 04:51

1

You should not need to change the default setting for Extend Edges.

Looks like the real problem is a blank table header view in your storyboard. It's showing in the screenshot you provided of your storyboard, right below the Enter Name view and right above the Prototype Cells view. Delete it.

answered Jan 08 '15 at 04:51

Mike Taverne

9,156
2
42
58

Perhaps I am being crazy but how do you delete the blank table header view? I can't click on anything in that blank space. – Fenda Jan 08 '15 at 11:01
Maybe it's me. If you expand the Table View in the Structure editor on the left, what do you see? What is in that white space? Can you provide a screenshot? – Mike Taverne Jan 08 '15 at 15:09
The fact the space disappears when you scroll the table suggests the white space is part of the table view. The only way I know of is if you have a header view in your table. – Mike Taverne Jan 08 '15 at 15:16

score 1 · Answer 6 · edited Jun 19 '18 at 12:37

1

My issues is, I set tableHeaderView as new UIView like this

self.tableHeaderView = UIView(frame: .zero)

Remove this line, the issue is gone. Try this:

//self.tableHeaderView = UIView(frame: .zero)

edited Jun 19 '18 at 12:37

Eric Aya

69,473
35
181
253

answered Jun 19 '18 at 12:32

AshvinGudaliya

3,234
19
37

score 1 · Answer 7 · answered Jul 28 '22 at 01:46

1

This is the 2022, iOS 15 solution if anyone stumbles upon this.

if #available(iOS 15.0, *) {
    UITableView.appearance().sectionHeaderTopPadding = CGFloat(0)
}

answered Jul 28 '22 at 01:46

anomaddev

9
2

score 0 · Answer 8 · answered Sep 13 '17 at 09:51

0

I just found a solution for this. In my case, i was using TabBarViewController, A just uncheck the option 'Adjust Scroll View Insets'. Issues goes away.

https://i.stack.imgur.com/qgQI8.png

answered Sep 13 '17 at 09:51

NitinLandge

11
3

score 0 · Answer 9 · answered May 26 '23 at 01:36

For those who are using iOS 15 or greater and section headers are being used: this will likely not solve the issue, even though as of May 2023, only solutions like these are the ones popping up in search engines.

iOS 15 introduced UITableView.sectionHeaderTopPadding, which is not 0 by default. So you need:

let tableView = UITableView()
tableView.sectionHeaderTopPadding = 0

This answer on another post is what relieved me from 2 hours of trying to figure this out.

score -1 · Answer 10 · answered Oct 04 '17 at 08:38

-1

For Objective-C folks, add this in your ViewDidLoad method.

[self.tableView setContentInset:UIEdgeInsetsMake(-20, 0, 0, 0)];

answered Oct 04 '17 at 08:38

Rishabh Munde

1
3

Empty white space above UITableView inside a UIView

10 Answers10

Linked

Related