title: Create a scroll bar for the page instead of div
body: <p>Using bootstrap 4 I created a page with a side navigation menu. There is a very wide table on the right side bottom of the page. I can create a div scroll bar by using </p>
  
  <pre><code>overflow: scroll;
  </code></pre>
  
  <p>However, when the table contains 100 rows, a user will have to scroll all the way down to access the scroll bar. Is there a way to create a scroll bar at the bottom of the browser window so it's available all the time?
  The sample code is here:
  <a href="https://jsfiddle.net/calnastic/0ncsofa6/4/" rel="nofollow noreferrer">https://jsfiddle.net/calnastic/0ncsofa6/4/</a></p>
  
  <p>Please widen the page in the sample so the navigation menu can be displayed.</p>
  
  <p>Thank you.</p>