Adding Margin to UITableViewCell

Question

I am trying to achieve a view I mocked out on sketch. I've replicated it on Android cause I'm really good on that platform. I'm good on iOS, but the UI is kind of my weak point.

I extended a UIViewController and on my StoryBoard have the top to be a view and the bottom a tableview. The problem I'm having is centering the UITableViewCell to look like that in the app itself. Below is the solution I've tried. But, it just squeeze it all to the top. NB. I use UIView to draw those Tiny Lines in the UITableViewCell

func configureTableView() {
    //First One I tried then later commented it out
    loanStateTable.rowHeight = UITableViewAutomaticDimension
    loanStateTable.scrollToNearestSelectedRowAtScrollPosition(UITableViewScrollPosition.Middle, animated: true)

    //Second One I tried
    var edgeInset = UIEdgeInsets(top: 16, left: 16, bottom: 0, right: 16)
    loanStateTable.contentInset = edgeInset
}

And the storyboard view

Any help would be appreciated. Thanks

Output:

Answer 1

Leave everything as it is. Don't try to inset your whole TableView. Create a container View inside your TableViewCell instead:

Set the row height:

Also in code:

func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return 160.0
}

Specify the right distance to the edges:

Now add the elements and specify the constraints as well:

Don't forget to set the cellIdentifier:

The result in the simulator:

If you want to look at it under the hood: I've uploaded it as github project