Space Between Sections in UITableview

Question

I need to reduce the space between two sections ofUITableView. I looked at this question but the solution doesn't allow for my custom header view because it combines the space of the footer and header.

Here is a picture of the UITableView. The black color is the UITableView background color.

tableview screenshot

I'm confuse about what you are trying to do. Do you want to remove the black space between the end of one section and the header of the next section? — Icaro, May 21 '15 at 04:43
Xcode 6.0 and higher needs only `self.tableV.sectionHeaderHeight = 0.0; self.tableV.sectionFooterHeight = 0.0;` — Nike Kov, Jun 08 '16 at 09:05
have you got what you wanted? Bcz I am not having any success — A.s.ALI, Dec 06 '18 at 09:57
Had a similar issue today and this saved my life > https://stackoverflow.com/a/19296414/992461 — gabuchan, Jul 14 '20 at 19:40

score 231 · Answer 1 · answered Sep 15 '21 at 11:45

231

On iOS 15 you may want to reduce the sectionHeaderTopPadding

if #available(iOS 15.0, *) {
    tableView.sectionHeaderTopPadding = 0
}

answered Sep 15 '21 at 11:45

rockdaswift

9,613
5
40
46

Thanks This worked for me in iOS 15.0... But this code disable the deafult funcitonality for latest section to be shown.It works as normal tableview with rows. – Kudos Dec 16 '21 at 13:17
5

Thanks a lot. Thats awful how apple introduced non-zero padding as default. epic – Vadim Dec 23 '21 at 12:03
Any way to apply to all table views within the app without having to set for each one? – Sanzio Angeli Dec 28 '21 at 20:44
yay! finally, something worked! but what about earlier versions? :( – Krutika Sonawala Feb 22 '22 at 07:31
1

@KrutikaSonawala, earlier versions didn't have the sectionHeaderTopPadding, so no worries. – rockdaswift Feb 22 '22 at 07:43

score 169 · Accepted Answer · edited Jul 10 '23 at 00:21

169

Did you try override this function:

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

edited Jul 10 '23 at 00:21

Leo Dabus

229,809
59
489
571

answered May 22 '15 at 00:18

Icaro

14,585
6
60
75

1

Yes it doesn't work I think the minimum value for that function is one – Joel May 22 '15 at 04:47
I add another method as well try to override both, I didn't try but it should work – Icaro May 22 '15 at 04:53
When I add that code it defaults to the standard footer size – Joel May 23 '15 at 16:36
3

I notice you cannot return 0 in heightForFooterInSection, try to return 0.00001f instead as a height and you'll get a height of 0 pixels/points. – Icaro May 23 '15 at 19:16
20

For Swift 3 you can return CGFloat.leastNormalMagnitude. Thanks Icaro! – davidrynn Mar 09 '17 at 19:27
Perfect, Thanks mate. – Naresh Reddy M Apr 24 '18 at 18:54
5

This will only work if you also override the viewForFooterInSection method. You may return nil in this method (at least in iOS14. I haven't tried in previous versions). – Mig70 Oct 29 '20 at 08:57
1

for iOS 13 at least, this only works with @Mig70 comment – Jerem Lachkar Jan 24 '21 at 18:54

score 43 · Answer 3 · edited May 23 '17 at 12:02

43

I think you can solve this by adjusting the footer view height to its min: in Storyboard or XIB. enter image description here

I don't know what you have written in your code for footer height. Sorry if I am wrong.

Possible duplicate of Hide footer view in UITableView

edited May 23 '17 at 12:02

Community

1
1

answered May 21 '15 at 03:41

Sudhin Davis

2,010
13
18

When I try that the minimum footer size is 1 which still leaves a 1point gap – Joel May 23 '15 at 16:36
Either you can change the color of that footer to the header section color.. So that the 1px black color can be ignored. – Sudhin Davis May 25 '15 at 03:39
@SudhinDavis you are right that there is footer height in xib but if we want no footer then Icaro's answer http://stackoverflow.com/a/30386480/2849443 is correct – Pooja Shah Nov 09 '15 at 06:08
That answer is far better than mine. Since that will also remove the extra lines from empty cells. Thanks. – Sudhin Davis Nov 09 '15 at 07:09
I liked possible solutions given in http://stackoverflow.com/questions/11445301/hide-footerview-in-iphone-tableview – Alphonse R. Dsouza Nov 11 '15 at 09:53
If a height of 1 for the footer is still too large you can return 0.01 in `heightForFooterInSection` in code. – Gordonium Mar 17 '16 at 13:48

Ladd.c · Answer 4 · 2019-12-12T22:30:16.430

29

For Swift 4+ you need to implement these two methods

extension MyViewController : UITableViewDelegate {

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

    func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
        return UIView()
    }

}

edited Dec 12 '19 at 22:30

answered Jun 19 '19 at 16:15

Ladd.c

973
11
11

Those are UITableViewDelegate methods. You do not override them. – Drew C Dec 03 '19 at 18:29
Ok I edited it my answer to a better and general implementation. Cheers. – Ladd.c Dec 12 '19 at 22:31
2

Nice! Not sure why this has not more upvotes. It's important to return a `UIView` or `nil` in `viewForFooterInSection`. Just using `heightForFooterInSection` (like mentioned in other answers does not work) – laka Feb 18 '22 at 23:20

score 13 · Answer 5 · answered Jun 24 '17 at 15:17

13

For Swift 3

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

answered Jun 24 '17 at 15:17

haris

3,775
1
25
28

2

That is a UITableViewDelegate method. You do not override it. – Drew C Dec 03 '19 at 18:29
5

@DrewC You do override it in Table View Controller. – אורי orihpt Feb 23 '21 at 15:28

score 10 · Answer 6 · edited Oct 23 '21 at 10:10

For Swift 5+:

There is some space for the headers and footers by default. That's why I was having the problem of setting an exact separation for the sections.

My solution to having a separation between 2 sections is the following:

override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    if section == 0 {
        return 24
    } else if section == 1 {
        return 32
    } else {
        return 40
    }
}
    
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    nil
}
    
override func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
    nil
}
    
override func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
    CGFloat.leastNormalMagnitude
}

As you see for viewForFooterInSection and viewForHeaderInSection I needed to return nil.

In case you only want to change the footerHeight, just return CGFloat.leastNormalMagnitude for heightForHeaderInSection, and return the heights for each section in heightForFooterInSection.

Adding viewForFooterInSection table view delegate function alongside heightForFooterInSection fixed the spacing for me — Jacob G, Mar 07 '23 at 17:51

score 7 · Answer 7 · answered Aug 22 '18 at 15:10

Along with the answer posted by Icaro I would like to add that you also need to implement the tableView:viewForFooterInSection: method returning nil for the section you want to remove the empty space below It will then become:

-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section {
    return 0.001f;
}

-(UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section {
    return nil;
}

score 6 · Answer 8 · edited Nov 29 '21 at 01:00

6

You need to use the method heightForHeaderInSection for defining the space between header & cell text. You can also change it depending on different sections for eg. at some sections you may need to show more distance & under some, you don't want to show gap. For such case you can use CGFLOAT_MIN which is 0.000001f. Giving you an example, how you can use different section with different header heights:

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    if (section == 0 || section == 2)
    {
        return 55.0;
    }
    else
    {
        return CGFLOAT_MIN;
    }
}

edited Nov 29 '21 at 01:00

Tomerikoo

18,379
16
47
61

answered Aug 25 '16 at 15:52

Ash

5,525
1
40
34

2

This is wrong. heightForHeaderInSection defines the height of the headerView for the section, not the space between them, which is what the OP was asking about. https://developer.apple.com/reference/uikit/uitableviewdelegate/1614855-tableview?language=objc – davidrynn Mar 09 '17 at 19:23

score 6 · Answer 9 · answered Apr 08 '22 at 14:19

6

I just simply had to reduce the top padding for the tableview section header:

tableView.sectionHeaderTopPadding = 0

answered Apr 08 '22 at 14:19

Euan Traynor

420
2
11

Mithra Singam · Answer 10 · 2022-05-23T19:26:01.617

3

TableView Delegate methods doesn't effect with float value is 0.0f. Try giving a value greater than that.

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section {
    return 0.00001f;
}

- (UIView*)tableView:(UITableView*)tableView
viewForFooterInSection:(NSInteger)section {
    return [[UIView alloc] initWithFrame:CGRectZero];
}

edited May 23 '22 at 19:26

answered Oct 05 '18 at 19:24

Mithra Singam

1,905
20
26

score 3 · Answer 11 · edited Jan 10 '22 at 00:20

3

In Xcode 13.2, you can adjust the height of the header and footer of sections in the storyboard - see screenshot below:

Height of Header and Footer of Sections in Xcode 13.2

edited Jan 10 '22 at 00:20

rodorgas

962
2
12
29

answered Jan 06 '22 at 18:44

maxMas

49
7

score 2 · Answer 12 · answered Sep 22 '17 at 13:55

2

This also may help :

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.sectionHeaderHeight = UITableViewAutomaticDimension
}

answered Sep 22 '17 at 13:55

polarware

2,499
1
24
18

score 2 · Answer 13 · edited Feb 25 '21 at 06:52

2

Select the tableView in your storyboard/objectCode and ensure that the style is set to Plain, instead of Grouped. You can find this setting in the attributes "Inspector" tab.

let myTableView : UITableView = {
        let tableView = UITableView(frame: .zero, style: .plain)
        tableView.register(TableCellClass.self, forCellReuseIdentifier: "cellId")
        tableView.backgroundColor = UIColor(red: 123/255, green: 190/255, blue: 120/255, alpha: 1)
        tableView.separatorStyle = .none
        tableView.translatesAutoresizingMaskIntoConstraints = false
        return tableView
    }()

edited Feb 25 '21 at 06:52

Nah

1,690
2
26
46

answered Dec 01 '20 at 09:28

gsk_fs

94
1
10

please chek and verify in your code that **Style is set to plain** if story board you can find this word in tableView (Attribute inspector) – gsk_fs Dec 01 '20 at 09:33

score 2 · Answer 14 · answered Jun 14 '21 at 11:49

Rather than implementing the UITableViewDelegate methods and defining the sectionFooterHeight via CGFloat.leastNormalMagnitude, one can alternatively just

tableView.sectionFooterHeight = 0

and the spacing between sections while no footer is present will go away.

The mechanism is that by default this value is set to UITableView.automaticDimension.

As long as

it stays UITableView.automaticDimension
there are no delegate/dataSource methods that implement the configuration of footer i.e. titleForFooterInSection/viewForFooterInSection
table view's style is set to .grouped

then UITableView will deliberately insert a spacing between sections with no view.

You change sectionFooterHeight to 0, the magic goes away.

helpful, in my case, the TableView is Grouped. thx~ – MichaelMao Jun 14 '23 at 10:17 — MichaelMao, Jun 14 '23 at 10:17

score 0 · Answer 15 · answered May 30 '17 at 04:48

You can do it by implement the delegate heightForHeaderInSection & heightForFooterInSection.

The return vaule should not be 0, even if the SectionHeader or the height of SectionFooter is 0, it need a very small value, try CGFLOAT_MIN.

for my example:

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
if (section == [self.dataArray indexOfObject:self.bannerList]) {
    return 46;
}
return CGFLOAT_MIN;

}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section {
    return CGFLOAT_MIN;
}

score 0 · Answer 16 · edited Jan 29 '22 at 02:42

0

Work for me

tableView.sectionFooterHeight = 10
// ...

func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
    return nil
}

edited Jan 29 '22 at 02:42

Phil Dukhov

67,741
15
184
220

answered Jan 23 '22 at 19:44

Mirek

1
1

score 0 · Answer 17 · answered May 18 '22 at 08:51

0

swift 5 iOS 15

self.tableView.estimatedSectionFooterHeight = 16.0 // spacing between Sections

answered May 18 '22 at 08:51

Maged Mohammed

61
1
5

score 0 · Answer 18 · answered Jul 18 '23 at 09:08

If you need spacing only for the first cell at the top of your UITableView and your header sections after scrolling must have no space, instead of using contentInsets.top do this:

Add fake UIView with your spacing by adjusting it's height and place it into UITableView.tableHeaderView

Here's how it should look like (using SnapKit):

let spaceView = UIView()
spaceView.snp.makeConstraints {
    $0.height.equalTo(10)
}
    
tableView?.tableHeaderView = spaceView

tableHeaderView is not fixed, so in this case, spacing at the top of tableView will be 10, but after scrolling tableView spacing from top will be gone, spacing only stays at the top.

score -1 · Answer 19 · edited Jul 11 '23 at 18:13

-1

This will work iOS 15 and greater

if #available(iOS 15.0, *) {
    tableView.sectionHeaderTopPadding = 0
}

It will reduce automatic space between header and cell, if you have multiple header sections.

edited Jul 11 '23 at 18:13

eglease

2,445
11
18
28

answered Jun 29 '23 at 10:18

Kunal goswami

9
2

Please don't post duplicate answers. – HangarRash Jul 20 '23 at 16:16

Space Between Sections in UITableview

19 Answers19

Linked