Snapkit: How can I embed a simple tableView inside a scrollView?

Question

I'm using Snapkit in my iOS project.

View -> ScrollView -> Tableview

I tried view.addSubview(scrollView) scrollView.addSubview(tableView)

I tried setting a bunch of constraints on the tableview but it never shows up on the scrollview. Whereas if I add it to the view (view.addSubview(tableView) ) then it shows up correctly.

what's your purpose when adding tableView as subview of a UIScrollView? — nghiahoang, Jun 25 '20 at 10:58
Need to display a list of items surrounded by few labels, buttons, etc — Bilbo Baggins, Jun 25 '20 at 11:01
what is your size of table you want? what is scroll direction of scrollView (horizontal, vertical)? — nghiahoang, Jun 25 '20 at 11:11
table width = 100%, height = as much required. scroll direction = vertical — Bilbo Baggins, Jun 25 '20 at 11:13
I don't understand why you have to use an additional uiScrollView with these requirements, however you can check the answer — nghiahoang, Jun 25 '20 at 11:19
I would recommend using the table view header and footer instead of embedding it in a scroll view, but if you still want to do that you could use the `StiffTableView` class I talk about on [this article](https://savvyapps.com/blog/using-advanced-auto-layout-techniques-to-adapt-interfaces-to-screen-content-intrinsic-content-size-stack-views) — EmilioPelaez, Jun 25 '20 at 11:28

nghiahoang · Answer 1 · 2020-06-25T11:24:26.873

0

    label.text = "hello world"
    scrollView.addSubview(label)
    scrollView.addSubview(tableView)
    view.addSubview(scrollView)
    
    scrollView.snp.makeConstraints { (make) in
        make.edges.equalToSuperview()
        make.width.equalToSuperview()
    }

    label.snp.makeConstraints { make in
        make.top.left.right.equalToSuperview()
        make.bottom.equalTo(tableView.snp.top)
    }
    
    tableView.snp.makeConstraints { (make) in
        make.left.right.bottom.equalToSuperview()
        make.width.height.equalTo(view)
    }

edited Jun 25 '20 at 11:24

answered Jun 25 '20 at 11:18

nghiahoang

538
4
10

There are elements above and below the table. I don't want the height to be 100%. Can the height be equal to the natural height? – Bilbo Baggins Jun 25 '20 at 11:20
however I recommend you remove scrollView and set: `table.tableHeaderView = label` – nghiahoang Jun 25 '20 at 11:25
What about the element at the bottom? – Bilbo Baggins Jun 25 '20 at 12:23
It depends on your requirements, actually i don’t know what layout you want. For example, if table view isn’t scrolled to bottom, whether or not your label at the bottom should be shown? – nghiahoang Jun 25 '20 at 12:28
And with my layout code, it shows table view, right? What is part it doesn’t fit your requirements? – nghiahoang Jun 25 '20 at 12:29

Snapkit: How can I embed a simple tableView inside a scrollView?

1 Answers1