Home / Questions / 45781
Accepted
Goyo
Asked: 2020-01-25 10:48:50 +0800 CST 2020-01-25 10:48:50 +0800 CST

Design pivot table with Swift

  • 772

I want to make a table like the one in the image, but the problem is that I want to do it with a dynamic table, since each section, for example the Adult section, can vary the number of cells depending on the passengers, just as the Children section can vary also, that's why I don't do it with a static type table, so the question is:

Is there a way to make a layout like the one in the picture using a pivot table? Or do I have to use a static table? But if I use a static table, how can I add the cells of each section to it dynamically?

enter image description here

swift

2 Answers

  1. Best Answer

    If possible. You have to use a UITableView, and in the data source of the table you have to implement the methods numberOfSections(in:)and tableView(_:numberOfRowsInSection:).

    In your case, the implementation would be this (obviously you have to see where to get the numbers from...):

    func numberOfSections(in: UITableView) -> Int {
    return 2
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return (section == 0) ? 3 : 1
}
    • 2

  2. If you want to do it with dynamic tables, you have to design them TableViewCell, and by code you must indicate to the data source of the table the number of rows that it must have for each section. You can do this if you have an array of the number of adult and child passengers or where you have that data, but you must indicate it to the function.

    func numberOfSections(in: UITableView) -> Int {
    // Puedes usar una variable que tenga el numero de secciones o dejarlo fijo 
    return 2
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
   return (section == 0) ? numAdultos.count : numNinos.count
   // igual lo puedes hacer con un if
   /* 
    if section == 0 {
       return numAdultos.count
    } else {
       return numNinos.count
    }
   */
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    // Aqui puedes validar los elementos que debe de ir en cada seccion de la tabla
    let cell = UITableViewCell()
   if indexPath.section == 0 {
       // TuCeldaPerzonalida : es el nombre de la clase que creaste para tu celda
      cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! TuCeldaPerzonalida
      cell.nombrePasajero = "Nombre del pasajero Adulto"

    } else {
        cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! TuCeldaPerzonalida
        cell.nombrePasajero = "Nombre del pasajero Niño"
    } 
    return cell
}
    • 2