In this post, I am going to describe how to implement HTML Table with fixed Thead and scrollable Tbody using CSS grid.
Let's first understand CSS grid layout.
CSS Grid Layout introduces a two-dimensional grid system to CSS. Grids can be used to layout major page areas or small user interface elements.
For example- We create a grid container by declaring
display: grid or
display: inline-grid on an element. As soon as we do this, all direct children of that element become grid items.