An approach to creating a block with a fixed header, column, footer with vertical and horizontal scrolling?

Question

css

Please tell me articles, approaches or ready-made solutions for creating such blocks ... - not tables, but blocks - a fixed header, a left column, a footer with vertical and horizontal scrolling, so that when the content scrolls inside the header (horizontal scroll) and column (vertical scroll).
You can use vueJS or another framework, or pure js/css.

here is an example - there you need to scroll to Fluid-height Table with fixed header (and columns) - here are tables, and, it seems to me, many identical divs overlap each other, somehow complicated.
ps: today I saw a new version of the Yandex direct "my campaigns" - that's where they manually calculate everything (height, width of elements, pixels how much to scroll) - but there the difficulty is that they made their custom scrolls