The details above the table are centred, but is it possible to centre it within the visible screen ? So if the page is moved to the side the details above the table stays fixed in the middle of the screen ?
I can’t load that link.
But generally you can centre a block element by giving it a max-width and setting margin: 0 auto where 0 is the top/bottom and may have a value, auto is the side margins which will be equal, centring the block.
I think using an iframe would overcomplicate it. It would just need a container that fits the screen with overflow: scroll.
Using position: fixed would keep it fixed when scrolling vertically too.
It may be possible with some method of “sticky” positioning.