swift iOS full height table inside a table cell

Question

Goal

I'm trying to create a table where each cell has a table inside of it. These inner tables are not scrollable and need to be full height based on their content size.

Code

Click here to see my repository with an example of what I'm trying to accomplish.

ViewController

• Displays a table with a hard-coded array of food groups
• Each table cell is a FoodGroupCell

FoodGroupCell

• XIB with a label and a table (has a corresponding swift file)
• Each table cell is a FoodItemCell
• Has an @IBOutlet for the table's height constraint
• Uses a KVO on contentSize
  • updates the height constraint to the table's content size
  • calls updateConstraints and layoutIfNeeded on the table cell

FoodItemCell

• XIB with a label
• Label has a height of 200

Problems

If I have a height constraint and no bottom constraint on the inner table the cells do not display properly.

If I have a height constraint and a bottom constraint on the inner table the cells appear, but do not adjust their size based on the label's 200 height.

This is obviously not ideal having a bottom constraint and a height at the same time. It does not seem necessary and xcode throws a bunch of warnings because of it.

Can anyone shed any light on my issue? Any help would be greatly appreciated.

Update

The problem was that I needed to update the constraint priorities, so that the height and bottom constraint could work together. I have updated my repository with the changes.

Answer 1

You may be able to work around the constraint issue by adjusting the priority of one of the two constraints so that it can adjust itself without being blocked by the constraints all having top priority.