CodeSandbox

The method is to use two <table>:

• the first one is used for thead
• the second one is used for the tbody part (this is the virtualized one)

And the tbody virtualization is achieved with:

• a tr with dynamic height that represent the out of window size before
• all tr's virtualized
• a tr with dynamic height that represent the out of window size after

Note:

• no position absolute for virtualized items
• table layout preserved
• works only if table items have fixed height
• in real world the semanic of the two table must be addressed with html attributes

Is this the better method ?