examples(vue): fix table example

[tuanalumi]

This PR applies the same calculation from React to Vue example, which would fix:

• Lagging issue when scrolling
• Wrong row height

[kouts]

Thanks for the fix @tuanalumi

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 2a4f0ae.

Command	Status	Duration	Result
nx affected --targets=test:sherif,test:knip,tes...	✅ Succeeded	8s	View ↗
nx run-many --target=build --exclude=examples/**	✅ Succeeded	<1s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-03-08 00:53:36 UTC

[pkg-pr-new]

Open in Stackblitz

More templates

• @tanstack/virtual-example-angular-dynamic
• @tanstack/virtual-example-angular-fixed
• @tanstack/virtual-example-angular-infinite-scroll
• @tanstack/virtual-example-angular-padding
• @tanstack/virtual-example-angular-smooth-scroll
• @tanstack/virtual-example-angular-sticky
• @tanstack/virtual-example-angular-table
• @tanstack/virtual-example-angular-variable
• @tanstack/virtual-example-angular-window
• tanstack-lit-virtual-example-dynamic
• tanstack-lit-virtual-example-fixed
• tanstack-react-virtual-example-dynamic
• tanstack-react-virtual-example-fixed
• tanstack-react-virtual-example-infinite-scroll
• tanstack-react-virtual-example-padding
• tanstack-react-virtual-example-scroll-padding
• tanstack-react-virtual-example-smooth-scroll
• tanstack-react-virtual-example-sticky
• tanstack-react-virtual-example-table
• tanstack-react-virtual-example-variable
• tanstack-react-virtual-example-window
• tanstack-svelte-virtual-example-dynamic
• tanstack-svelte-virtual-example-fixed
• tanstack-svelte-virtual-example-infinite-scroll
• tanstack-svelte-virtual-example-smooth-scroll
• tanstack-svelte-virtual-example-sticky
• tanstack-svelte-virtual-example-table
• tanstack-vue-virtual-example-dynamic
• tanstack-vue-virtual-example-fixed
• tanstack-vue-virtual-example-infinite-scroll
• tanstack-vue-virtual-example-padding
• tanstack-vue-virtual-example-scroll-padding
• tanstack-vue-virtual-example-smooth-scroll
• tanstack-vue-virtual-example-sticky
• tanstack-vue-virtual-example-table
• tanstack-vue-virtual-example-variable

@tanstack/angular-virtual

npm i https://pkg.pr.new/@tanstack/angular-virtual@887

@tanstack/lit-virtual

npm i https://pkg.pr.new/@tanstack/lit-virtual@887

@tanstack/solid-virtual

npm i https://pkg.pr.new/@tanstack/solid-virtual@887

@tanstack/react-virtual

npm i https://pkg.pr.new/@tanstack/react-virtual@887

@tanstack/svelte-virtual

npm i https://pkg.pr.new/@tanstack/svelte-virtual@887

@tanstack/virtual-core

npm i https://pkg.pr.new/@tanstack/virtual-core@887

@tanstack/vue-virtual

npm i https://pkg.pr.new/@tanstack/vue-virtual@887

commit: 2a4f0ae