How to have one static cell in a dynamic tableview?

Question

I would like to use a UITableView to have 2 static cells on top of a list of dynamic cells. As far as I understand, I have to use a dynamic prototype tableView. But I don't understand how to add 2 static cells and design them, eg. adding a textfield to the first and a label to the second.

What do I have to do in my storyboard? And what do I have to do inside the Controller? How can I differentiate the static from the dynamic cells?

EDIT: I tried this for testing:

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return 5
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCellWithIdentifier("cardCell", forIndexPath: indexPath) as CardTableViewCell
    
    //static cell
    if (indexPath.row < 2) {
        cell.dyn.text = "static \(indexPath.row)"
        return cell;
    }

    // Configure the cell...
    cell.dyn.text = "buh"

    return cell
}

this results in this:

Later when I use real data I will miss the first 2 data rows... Can I somehow "reset" the row counter after I created my static cells?

And how can I modify the 2 static cells? For adding a textfield and labels? Or do I have to do this programmatically?

Answer 1

I found help here: Mixing static and dynamic sections in a grouped table view

And my solution looks like this:

1.

2. Add and layout the static cells:

3. Give each cell a unique name and add them as outlet to the TableViewCell class

4. Adjust the code:

   override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
       return 3
   }
   
   override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
       if (section == 2){ // my dynamic cell is index 2
           return 5 // just for testing, add here yourrealdata.count
       }
       return 1 // for static content return 1
   }
   
   override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
   
       var cell: CardTableViewCell!
   
       if (indexPath.section == 0) {
           cell = tableView.dequeueReusableCellWithIdentifier("static1", forIndexPath: indexPath) as CardTableViewCell
   
           cell.cardSetName?.text = self.cardSetObject["name"] as String
   
       }else if (indexPath.section == 1) {
           cell = tableView.dequeueReusableCellWithIdentifier("static2", forIndexPath: indexPath) as CardTableViewCell // just return the cell without any changes to show whats designed in storyboard 
   
       }else if (indexPath.section == 2) {
           cell = tableView.dequeueReusableCellWithIdentifier("cardCell", forIndexPath: indexPath) as CardTableViewCell
           cell.dyn.text = "row \(indexPath.row)" // return test rows as set in numberOfRowsInSection
       }
   
       return cell;
   } 
   

End results will look like this:

I hope I can help someone with the same question :)