Dynamic height TableView in a Scroll View

Question

I am designing a page having a scroll view and above it a table view(scroll disabled). For doing this I have referred answers in this question - Make UITableView not scrollable and adjust height to accommodate all cells ,but wasn't successful.

Hierarchy of views along with provided constraints-

-Main View

-Scroll view
pinned to all sides of main view(0,0,0,0), constraint to margins

-Content View

pinned to scroll view(0,0,0,0),equal width to main view,equal height to main view(priority - 250)

-Table view inside content view

scroll disabled,having 50 point spaces from all sides,Height(>=),bottom spacing 50(relation >=).I have put greater than equal so as to increase height dynamically.

Now when I populate my table view I use the code as

 func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell
    {
        let cell = tableview.dequeueReusableCellWithIdentifier("cellreuse", forIndexPath: indexPath) 
        cell.textLabel?.text = name[indexPath.row]

        tableview.frame.size = tableview.contentSize

        return cell
    }

So when I run my code, it increases the tableview frame but doesn't stretch the content size and it just becomes weird as my scroll view doesn't scroll to the end of the table view neither my table view obeys the auto layout constraints.

i guess you shouldn't call `tableview.frame.size = tableview.contentSize` in `cellForRowAtIndexPath` — aaisataev, Dec 24 '15 at 04:56

score 55 · Answer 1 · edited Oct 25 '18 at 23:09

55

Just I needed to do this -

remove the line - tableView.frame.size = tableView.contentSize
Add a height constraint for table view.
Set priority to High
Create an outlet of the height constraint(Ctrl+Drag).
Wherever you need to reload data of your table, set the height constraint to tableview's content height.

tableHeightConstraint.constant = tableview.contentSize.height

edited Oct 25 '18 at 23:09

mfaani

33,269
19
164
293

answered Dec 24 '15 at 05:17

Its working for me, but some extra space showing at bottom of tableview ? – Deven Jul 26 '17 at 07:26
1

I used your approach, only changed the way of calculate tableviewHeight, since for me `tableview.contentSize.height` does not worked as expected. This is my way: rowHeight * numberOfRows – Isaac Bosca Apr 10 '18 at 12:26
This is not working. @user5479794.@Isaac Bosca if you set the row height it's not autolayout. – Setar May 16 '18 at 13:53
this solution works. but for Autolayout it leaves extra space at bottom. – Bilal Khan Dec 22 '22 at 04:04
Found new solution if not late. Thanks to medium.com https://simaspavlos.medium.com/automatic-height-for-uitableview-into-uiscrollview-swift-8943195af10c – Bilal Khan Dec 22 '22 at 04:09

Bilal Khan · Answer 2 · 2022-07-25T12:01:30.073

4

Assign a table height. Let it be constant 0.

Just add below lines.

tableView.heightConstant.constant = CGFloat.greatestFiniteMagnitude
tableView.reloadData()
tableView.layoutIfNeeded()
tableView.heightConstant.constant = tableView.contentSize.height

With this, you can easily achieve dynamic table height. Working on iOS 13, Swift 5.

edited Jul 25 '22 at 12:01

answered Jul 19 '22 at 07:12

Bilal Khan

1,023
7
9

score 0 · Answer 3 · answered Jan 31 '23 at 14:31

Had the same issue and resolved it by doing the following:

Create an outlet of the height constraint for the table view with a priority of 1000

@IBOutlet private weak var tableViewHeight: NSLayoutConstraint!

On viewDidLayoutSubview call layoutIfNeeded on the table view and then set the table view height constraint to the height of the content view

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    tableView.layoutIfNeeded()
    tableViewHeight.constant = tableView.contentSize.height
}

Tested on iOS 14.1 and iOS 16.1

Dynamic height TableView in a Scroll View

3 Answers3

Linked