Change UITableViewHeaderFooterView height at runtime

Question

My target is to change the UITableView section header height at runtime. Let me be more specific. Default height is 44 but on scroll before touching the top, height will be 64. I have created a subclass of UITableViewHeaderFooterView and it's uses autolayout.

I tried

var frame = sectionHeader.frame
frame.size.height = 64
sectionHeader.frame = frame

and also

tableView.sectionHeaderHeight = 64

but nothing work for me. Can anyone put some light on this problem.

Perhaps this sample code from Apple can help you: [Table View Animations and Gestures](https://developer.apple.com/library/ios/samplecode/TableViewUpdates/Introduction/Intro.html) — muazhud, Jul 31 '16 at 16:48

score 1 · Answer 1 · answered Jul 31 '16 at 16:29

when using autolayout change frame directly won't work
to change tableview section header you need implement delegate method and reload data after change

optional func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat

score 1 · Answer 2 · answered Jul 31 '16 at 16:36

You don't need to subclass the footer to change I'ts height.

Check you are only setting I'ts height at: (no delegate methods)

tableView.sectionHeaderHeight = 64

Check you call or "reloadData()" on the tableView after. or

[UIView setAnimationsEnabled:NO];

[tableView beginUpdates];

[tableView endUpdates];

[UIView setAnimationsEnabled:YES];

To only change height without reloading the tableView.

score 0 · Answer 3 · answered Jul 31 '16 at 16:42

I think you have to reload the entire section of the table view, since there is no public API for only updating the section header.

self.isOnTop = true // or false
tableView.reloadSections(NSIndexSet(index: 0), withRowAnimation: .None)

And change a property that modifies the return value from the aproppriate delegate method:

func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    isOnTop ? 44 : 64
}

You can also try the following methods, that can update the layout without reloading:

tableView.beginUpdates()
tableView.endUpdates()

Or move to a collection view solution, that supports the tableview's behaviour: https://github.com/jamztang/CSStickyHeaderFlowLayout

Thanks, but if I reload the section then the animation I want will not be seamless. — Tapas Pal, Jul 31 '16 at 16:47

Change UITableViewHeaderFooterView height at runtime

3 Answers3