How to prevent tableview section head from sticking while scrolling?

Question

I have a tableview with many sections. I am using an actual tableview cell which I dequeue to use as a custom section header. The issue I am having is when I scroll the section header "sticks" to the top of the table until the next section appears.

How can I prevent this from happening and actually have it scroll up like normal?

Here is my code

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    if section == 3 {
        let cell = tableView.dequeueReusableCell(withIdentifier: "headerCell") as! HeaderTableViewCell
        return cell
    }
    return UIView()
}

Possible duplicate of [UITableView with fixed section headers](https://stackoverflow.com/questions/17582818/uitableview-with-fixed-section-headers) — Larme, Nov 17 '17 at 22:23
It kinda helps out but I do not want my tableview to be grouped since it makes it look different( kinda like the settings app). — user7097242, Nov 17 '17 at 22:29

Ajay saini · Answer 1 · 2022-08-31T05:10:05.713

23

Do following steps.

From @IB

Select your tableView
Go to Attribute Inspector
Find Style Attribute drop down which is Plain by default
Change it to Grouped

Or if you are creating TableView Programmatically use

let tableView = UITableView(frame: YourFrame, style: .Grouped)

edited Aug 31 '22 at 05:10

answered Aug 06 '18 at 15:10

Ajay saini

2,352
1
11
25

1

@MassimoPavanel I believe that one day you will do the same for me :) – Ajay saini Oct 29 '20 at 11:27

score 4 · Answer 2 · answered Aug 06 '18 at 14:57

4

Change UITableViewStyle to UITableViewStyleGrouped.

answered Aug 06 '18 at 14:57

Fahad Azeem

541
7
14

score 2 · Answer 3 · answered Nov 17 '17 at 22:32

Some possible solutions :

If you have just one section then set the Tableview Header property to the UIView you want to set as the Section Header.
If you have multiple sections, change the row count for each section to (number of rows for that section + 1) and make the row at 0th index to be a header. Some hand coding will be required.
Change your tableview to grouped, will require UI redesign so that the design looks similar to a plain tableview cell.

score 2 · Answer 4 · answered Nov 18 '17 at 04:52

2

Set UITableViewStyle to UITableViewStyleGrouped, the headers will scroll up with the cells. and

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

answered Nov 18 '17 at 04:52

Syed Sadrul Ullah Sahad

1,182
9
15

score 2 · Answer 5 · edited Aug 07 '21 at 20:19

2

Step1: Go to Mainstoryboard

Step2: Click on Your Tableview

Step3: Go to Attribute Inspector

Step4: Find Style Attribute drop down which is Plain by default

Step5: Change it to Grouped

edited Aug 07 '21 at 20:19

Ole Pannier

3,208
9
22
33

answered Aug 07 '21 at 03:26

khushbu arthania

29
3

score 0 · Answer 6 · answered Nov 17 '17 at 22:54

0

Instead of UIHeaderViewCell, You should use a UITableViewCell. Make section header height as 0 and for every 0th item in that section , display a UITableViewCell with heading on it

answered Nov 17 '17 at 22:54

ahmed

540
2
18

How to prevent tableview section head from sticking while scrolling?

6 Answers6