Uses of UITableViewHeaderFooterView in iOS

Updated 29 July 2020


Uses of UITableViewHeaderFooterView in iOS to manage the header and footer content of your table’s sections efficiently. A header-footer view is a reusable view that you can subclass or use as is.

To configure the content and appearance of a header-footer view, you can set its contentConfiguration and backgroundConfiguration.

To promote the reuse of your header-footer views, register them by calling the register(_:forHeaderFooterViewReuseIdentifier:) or register(_:forHeaderFooterViewReuseIdentifier:) method of the table view. In the tableView(_:viewForHeaderInSection:) or tableView(_:viewForFooterInSection:) method of your delegate object, call the table view’s dequeueReusableHeaderFooterView(withIdentifier:)method to create your view. That method returns a recycled view (if one is available) or creates a new view using the information you registered.

A simple alternative to creating custom header-footer views is to implement the tableView(_:titleForHeaderInSection:) and tableView(_:titleForFooterInSection:) methods of your data source object. When you implement those methods, the table view creates a standard header or footer view and displays the text you supply.

UITableViewHeaderFooterView, Introduced in iOS 6, UITableViewHeaderFooterView takes the reuse Dynamic table view cells can be designed directly from a Storyboard.

Uses of UITableViewHeaderFooterView in iOS provide the help to add section with table.

Uses of UITableViewHeaderFooterView in iOS provide the help to make the header customizable

Using the below steps we will add header and footer view with the table.

1-> First Create the subclass of UITableViewHeaderFooterView with name Demo.swift.

2-> Then create the empty .xib file with the same name.

3-> Then assign the UITableViewHeaderFooterView Demo.swift class with xib.

4-> Then connect the outlets with Demo.swift class.

5-> Register and use UITableViewHeaderFooterView in UITableView

6-> Add Below delegate for Header.

7-> Now Add height of header with below delegate.

8-> Now run the app and you can get header your table.


Thanks for reading this blog, this will help you to add the section on your table header You can know more from here!

So pls follow the above step and And if you have any issue or suggestion you can leave your message in the comment section I will try to solve this.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home