Implement basic functionality for virtualization

[lukasbash]

Hi @icflorescu !

Recently the need for a virtualization increased on my side. I tried to implement the virtualization with TanStack's virtual table example. So far the base implementation (measuring elements, overscanning, remounting DOM elements, ...) works.

What is left:

• Fix remaining (visual) dependencies which might interfere with the positioning mechanism
• • e.g. Sticky header and footer, row expansion, drag and drop, ...
• Adapt the boilerplate example page I created

I hope you or someone else can support with the relative visual todos so that we can all benefit from the feature.

[codesandbox[bot]]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders
Open Preview

[jadamita]

You also want to target your PR against the next branch.

This is outlined here: https://icflorescu.github.io/mantine-datatable/contribute-and-support/

[oliveryasuna]

Excited for this!

[kadirgun]

Will this PR be merge? I'm having performance issues in my project and if it will not be merge, I will search for manual solutions.

[edwin-speer]

This is a great feature and it would be nice if somebody can put some effort in this to see if it is already mergeable and/or investigate what still has to be done.

[GabbereX]

it's a useful thing. I tried to attach it through a wrapper, but it seems that I don't have enough control to implement it in an external environment on my own. I don't want to spend a lot of time on it. I would like to have a simple implementation or at least documentation on how to implement it.

[pfo-omicsstudio]

This would be amazing to see, @icflorescu any chance this will get merged?

[avivost]

Started using this project and really liked it. unfortunately I will have to migrate to tanstack table due to the lack of virtualization, but I'll defiantly keep an eye for the future in case something changes