Fixed header

by Jacob Holzinger

HTML

<div class="table">
  <div class="table-header"></div>
  <div class="table-body">
    <div class="table-content"></div>
  </div>
</div>

CSS

html,
body {
  margin: 0;
  height: 100%;
  overflow-y: hidden;
}

.table {
  height: 100%;
}

.table-header {
  height: 50px;
  background-color: blue;
}

.table-body {
  height: calc(100% - 50px);
  overflow-y: scroll;
  background-color: pink;
}

.table-content {
  height: 100000px;
}