title: Adding a scrollbar inside the table body
body: <p>I am trying to add both vertical and horizontal scrollbars into my table, however, I tried a lot of tutorials from the internet, but none of those seem to work for me.  </p>
  
  <p>How can I add Both vertical and horizontal scrollbars using CSS?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="tablecontainer"&gt;
    &lt;div class="table" &gt;
      &lt;table cellspacing='0'&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;Tutor Name &lt;/th&gt;
            &lt;th&gt;Tutor NRIC&lt;/th&gt;
            &lt;th&gt;Tutor ID&lt;/th&gt;
            &lt;th&gt;Tutor Email&lt;/th&gt;
            &lt;th&gt;Tutor qualification&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td&gt;Jane&lt;/td&gt; 
            &lt;td&gt;1234567&lt;/td&gt;
            &lt;td&gt;Jane@gmail.com&lt;/td&gt;
            &lt;td&gt;Diploma&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>