UITableViewCell with left and right labels. How to make them display correctly?

First of all check this screenshot. Is it fulfilling what you want?

From your comments on other questions, i can say, this one is what you were looking for.

These are steps that i have taken for creating the cell for this:

1. Add TableViewCell in your tableview, give identifier and cell class to it.
2. Add UIStackview in this cell with Alignment = Fill, Distribution = Fill Proportionally, Spacing = 0 . Give top, bottom, leading, trailing constraint to stackview, currently I used value = 12.(use whatever marging you want)
3. Add 2 UIViews inside this stackview, add background to both view, rightnow, i gave green and red to each one.
4. Now add UILabel to each UIView, set numberOfLines = 0, give top, bottom, leading and trailing constraints with value 0 to each label. Now, just connect the IBOutlets to respective cell class.

Your required cell is ready, set value you want in datasource and run the code. Let me know any further help you required. Make sure you are adding UILabel inside UIView, not directly to UIStackview. This is done because, multiline label inside stackview will never give you proper result.

UPDATE:

As @Gal pointd out that above code is not working while dequing.. Here, is changes that i made to resolve the same.

Change 1 : Updated cellForRowAtIndexPath to invalidate intrinsicContentSize of containerViews and asking cell to layout the constraints again. Here, is my implementation:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "TestCell") as! TestCell;
    cell.leftLabel.text = data[indexPath.row].left;
    cell.rightLabel.text = data[indexPath.row].right;
    cell.leftLabel.superview!.invalidateIntrinsicContentSize();
    cell.rightLabel.superview!.invalidateIntrinsicContentSize();
    cell.layoutIfNeeded()
    return cell;
}

Change 2: Making above single change were working for all the cases, except that one in which any label's text value was empty(in that uiview was apparently removed out from stackview, by stackview itself). So, to prevent this, i have again updated my above cellForRowAtIndexPath code, making sure that any label's text is not getting empty. If empty, then adding just empty space there. It will be like this,

let leftText = data[indexPath.row].left;
if leftText.isEmpty{
    cell.leftLabel.text = " "
}else{
    cell.leftLabel.text = leftText;
}

let rightText = data[indexPath.row].right;
if rightText.isEmpty{
    cell.rightLabel.text = " "
}else{
    cell.rightLabel.text = rightText
} 

After making above change. The screenshot will have very minor small slice, if you hide the background, then you cant find that, it exists there. Here, is the screenshot:

Main idea is to declare how wide should labels be. To do this, you have to declare some rules.

Start with deciding, which label will have bigger priority, so let's say you need bigger priority for left label, so set its Horizontal Content Hugging Priority bigger than of right label

Now for both labels set their minimal width. This you can achive by setting width constraint with certain constant and relation Greater Than or Equal

if you need to have always same "spacing" between labels, set their common constraint with relation Equal

One more approach with UIStackView,

Notes:

• UITableView should have,

  tableView.estimatedRowHeight = 44.0
  tableView.rowHeight = UITableView.automaticDimension
  

• Keep Label 1 and Label 2 numberOfLines = 0

• UIStackView should have Fill Proportionally distribution