title: How to make Bootstrap "table-bordered" Fixed header and Scroll body?
body: <p>I'm trying to make the table header fixed and scroll the body and I have used the below CSS. But this will break table layout. (width of header columns are different from width of body columns). How Can I avoid this problem ?</p>
  
  <pre><code>#tblLocations thead, tbody {
      display: block;
  }
  
  #tblLocations tbody{   
     max-height: 290px;
     overflow-y:scroll;
  }
  </code></pre>