JSFiddle - React, Tailwind, and code Playground

HTML

<div id="spreadsheet">

<div id="header">
Sticky header
</div>

<div id="content">
Content
</div>

</div>

CSS

#spreadsheet {
  border: 1px solid black;
  overflow: scroll;
  width: 200px;
  height: 200px;
}

#content {
  width: 500px;
  height: 500px;
  background-color: lightgreen;
}

#header {
  position: sticky;
  top: 0;
  height: 16px;
  width: 500px;
  background-color: lightblue;
}