title: css: table scrollable both horizontally and vertically with fixed header
body: <p>How can I implement a table that is both horizontally and vertically scrollable with fixed header using css?</p>
  
  <p>I found this <a href="https://stackoverflow.com/questions/13653315/scrolling-a-div-from-an-outer-div/13657760#13657760">Scrolling a div from an outer div</a>, but it is implemented by using Javascript/Jquery. Any way to implement it by using only CSS?</p>
  
  <p>The updated code:</p>
  
  <pre><code>#div-table-content {
  width: 100%;
  overflow-x: auto;
  }
  
  table {
  font-size: 12px;
  white-space:nowrap;
  overflow-x: scroll;
  }
  
  tbody {
  height: 400px;
  overflow-y: auto;
  width: 100%;
  display: block;
  }
  
  thead tr {
  display: block;
  width: 100%;
  }
  </code></pre>