Swift - how to make custom header for UITableView

Question

I need to add custom header to my table  I try this  func tableView tableView  UITableView  viewForHeaderInSection section  Int  - gt  UIView         let view   UIView frame  CGRect x  0  y  0  width  tableView frame size width  height  18       let label   UILabel frame  CGRect x  20  y  20  width  50  height  50       label text    TEST TEXT      label textColor   UIColor whiteColor        self view addSubview view       return view     but this doesn t work  I see nothing on table  What am I doing wrong   Or maybe there is another ways

User · Answer

This worked for me - Swift 3  func tableView   tableView  UITableView  viewForHeaderInSection section  Int  - gt  UIView             let headerCell   tableView dequeueReusableCell withIdentifier   customTableCell   as  CustomTableCell         return headerCell

User · Answer

Did you set the section header height in the viewDidLoad   self tableView sectionHeaderHeight   70   Plus you should replace  self view addSubview view    by  view addSubview label    Finally you have to check your frames  let view   UIView frame  CGRect zeroRect    and eventually the desired text color as it seems to be currently white on white

User · Answer

If you are using custom cell as header  add the following   func tableView   tableView  UITableView  viewForHeaderInSection section  Int  - gt  UIView             let headerView   UIView           let headerCell   tableView dequeueReusableCell withIdentifier   customTableCell   as  CustomTableCell         headerView addSubview headerCell          return headerView         If you want to have simple view  add the following   func tableView   tableView  UITableView  viewForHeaderInSection section  Int  - gt  UIView    let headerView UIView    UIView       return headerView

User · Answer

I have had some problems in Swift 5 with this  When using this function I had a wrong alignment with the header cell  func tableView   tableView  UITableView  viewForHeaderInSection section  Int  - gt  UIView         let headerCell   tableView dequeueReusableCell withIdentifier   quot customTableCell quot   as  CustomTableCell      return headerCell    The cell view was shown with a bad alignment and the top part of the tableview was shown  So I had to make some tweak like this  func tableView   tableView  UITableView  viewForHeaderInSection section  Int  - gt  UIView         let headerView   UIView init frame  CGRect x  0  y  0  width  tableView frame size width  height  90        let headerCell   tableView dequeueReusableCell withIdentifier   quot YOUR CELL IDENTIFIER quot        headerCell  frame   headerView bounds      headerView addSubview headerCell        return headerView     I am having this problem in Swift 5 and Xcode 12 0 1  I don t know if it is just a problem for me or it is a bug  Hope it helps   I have lost a morning

User · Answer

The best working Solution of adding Custom header view in UITableView for section in swift 4 is --  1 first Use method ViewForHeaderInSection as below -  func tableView   tableView  UITableView  viewForHeaderInSection section  Int  - gt  UIView            let headerView   UIView init frame  CGRect init x  0  y  0  width  tableView frame width  height  50            let label   UILabel           label frame   CGRect init x  5  y  5  width  headerView frame width-10  height  headerView frame height-10          label text    Notification Times          label font   UIFont   futuraPTMediumFont 16     my custom font         label textColor   UIColor charcolBlackColour      my custom colour          headerView addSubview label           return headerView         2 Also Don t forget to set Height of the header using heightForHeaderInSection UITableView method -  func tableView   tableView  UITableView  heightForHeaderInSection section  Int  - gt  CGFloat           return 50         and you re all set

User · Answer

add label to subview of custom view  no need of self view addSubview view   because viewForHeaderInSection return the UIView  view addSubview label

User · Answer

If you are willing to use custom table header as table header  try the followings      Updated for swift 3 0  Step 1  Create UITableViewHeaderFooterView for custom header    import UIKit  class MapTableHeaderView  UITableViewHeaderFooterView         IBOutlet weak var testView  UIView       Step 2  Add custom header to UITableView      override func viewDidLoad                 super viewDidLoad                tableView delegate   self             tableView dataSource   self                register the header view              let nibName   UINib nibName   CustomHeaderView   bundle  nil              self tableView register nibName  forHeaderFooterViewReuseIdentifier   CustomHeaderView                extension BranchViewController   UITableViewDelegate              extension BranchViewController   UITableViewDataSource           func tableView   tableView  UITableView  heightForHeaderInSection section  Int  - gt  CGFloat               return 200                    func tableView   tableView  UITableView  viewForHeaderInSection section  Int  - gt  UIView                let headerView   self tableView dequeueReusableHeaderFooterView withIdentifier   CustomHeaderView    as  MapTableHeaderView              return headerView                    func tableView   tableView  UITableView  numberOfRowsInSection section        Int  - gt  Int                  retuen no of rows in sections                    func tableView   tableView  UITableView  cellForRowAt indexPath  IndexPath  - gt  UITableViewCell                   retuen your custom cells                        func tableView   tableView  UITableView  didSelectRowAt indexPath  IndexPath                        func numberOfSections in tableView  UITableView  - gt  Int                  retuen no of sections                    func tableView   tableView  UITableView  heightForRowAt indexPath  IndexPath  - gt  CGFloat                  retuen height of row

[ios] Swift - how to make custom header for UITableView?

Examples related to ios

Examples related to objective-c

Examples related to swift

Examples related to uitableview