How to add header to each row in a table view

Question

I'm building an iOS app with a collection view inside the table view. I'm having three rows each row having a collection view inside it. I am planning to have three sections each section for each row. For example row, one should be in a separate section with a header and similarly for rows 2 and 3. Whenever I create three sections I'm getting all the three rows in all three sections. I want to have a separate section with a header for each row.

import UIKit

class StoreVC: UIViewController,UITableViewDelegate,UITableViewDataSource {


    @IBOutlet weak var CourseTableView: UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        CourseTableView.tableFooterView = UIView()
        
        CourseTableView.delegate = self
        CourseTableView.dataSource = self
    }
    
   func numberOfSections(in tableView: UITableView) -> Int {
        return 3
    }
    
    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        if section == 0
        {
            return "Courses"
        }
        
        else if section == 1
        {
            return "Tests"
        }
        
        return "Bundles"
    }
    
    
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
      return 1
    }
    

    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
       
        
        if indexPath.row == 0
        {
            let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! CourseRow
            
            return cell
        }
        
        else if indexPath.row == 1
        {
            let cell = tableView.dequeueReusableCell(withIdentifier: "testcell", for: indexPath) as! TestRow
            
            return cell
        }
        
        else if indexPath.row == 2
        
        {
            let cell = tableView.dequeueReusableCell(withIdentifier: "bundlecell", for: indexPath) as! BundleRow
            
            return cell
        }
        
        return UITableViewCell()
        
        
        
    }
    
    
    


}

`numberOfSections(in...) { return 3 }` is a swift method for tableViews. Then in your `tableView(cellForRowAt..) { if section == 1 { //doSomething } else if section == 2 { //doSomething } else { //doSomething }` finally setup `numberOfRowsInSection to return 1` — xTwisteDx, May 18 '20 at 14:19

score 1 · Answer 1 · answered May 18 '20 at 14:24

1

Try this code on your Xcode-playground and customize as you need. import UIKit import PlaygroundSupport

class ViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        3
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        1
    }

    override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let headerView = UILabel()
        headerView.text = "Header: \(section)"
        return headerView
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = UITableViewCell()
        cell.textLabel?.text = "Cell: \(indexPath)"
        return cell
    }
}

PlaygroundPage.current.liveView = ViewController()

answered May 18 '20 at 14:24

Frankenstein

15,732
4
22
47

Nope it does not work.Iam getting first row in all threes sections remaining two sections are not available. I have added my code. – user11640506 May 18 '20 at 14:38
I modified my app code based on your code but I doesn’t work – user11640506 May 18 '20 at 15:13
Try it the other way round. Post this on the playground make changes according to your requirement. – Frankenstein May 18 '20 at 15:19
1

Thanks I got it I replaced index.row as index.section in if statement now it works fine – user11640506 May 18 '20 at 15:32

How to add header to each row in a table view

1 Answers1