title: th and td not getting same width
body: <p>I am not able to match the width of <code>td</code> and <code>th</code> and get a gap between the table and the scrollbar.</p>
  <pre><code>.table_fixed tbody {
    display: block;
    height: 500px;
    overflow-y: scroll;
  }
  .table_fixed thead {
    display: block;
  }
  </code></pre>
  <p>Please see the below jsfiddle to see the entire code:</p>
  <p><a href="https://jsfiddle.net/w80bz1vc/" rel="nofollow noreferrer">https://jsfiddle.net/w80bz1vc/</a></p>