title: White space at top of tableView embedded in a container view
body: <p>I have a <code>viewController</code> that has x 2 container views in it that hold x 2 different <code>tableViews</code>. I use a <code>segmentControl</code> at the top of the main view to switch between these two tableViews. It works just fine. </p>
  
  <p>On one of the tableViews I want to drill down to show yet another tableView. Problem is, when I do it leaves a blank white space at the top of the view where the segment used to be (at least I think that is what is causing the white space.)</p>
  
  <p>How do I ensure the <code>tableView</code> sits snuggly under the navigation bar?</p>
  
  <p>Here are some images for reference:<br>
  1. Is the main view containing a segment control.<br>
  2. Is the container view.
  <a href="https://i.stack.imgur.com/iRDgT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iRDgT.png" alt="enter image description here"></a></p>
  
  <p>Selecting a segment brings up a view like the one below. Which is fine.</p>
  
  <p><a href="https://i.stack.imgur.com/W19Kk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/W19Kk.png" alt="enter image description here"></a></p>
  
  <p>But when I drill down I get this:</p>
  
  <p><a href="https://i.stack.imgur.com/ud5Gn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ud5Gn.png" alt="enter image description here"></a></p>
  
  <p>I can scroll up, no problem, and manually place the image under the nav bar, so this tells me its not that the view is not big enough.</p>
  
  <p>How do I remove that white space above the image?</p>
  
  <p>Thanks in advance.</p>