Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement basic functionality for virtualization #690

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

lukasbash
Copy link

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.

Copy link

codesandbox bot commented Jan 16, 2025

Review or Edit in CodeSandbox

Open the branch in Web EditorVS CodeInsiders

Open Preview

...(rowStyle ? rowStyle(record, virtualRow.index) : {}),
height: `${virtualRow.size}px`,

// transform: `translateY(${virtualRow.start}px)`,

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd probably remove the commented code that was left in.

@jadamita
Copy link

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants