TanStack

T

TanStack

TanStack is a community of passionate software engineers striving for high-quality, open-source software for web devs

Join

react-query-questions

solid-query-questions

table-questions

virtual-questions

router-questions

react-charts-questions

ranger-questions

vue-query-questions

svelte-query-questions

bling-questions

form-questions

angular-query-questions

start-questions

db-questions

start-showcase

router-showcase

📣-announcements

rare-sapphire
rare-sapphire
View on Discord
11/8/2022

Failed to resolve - Vitest

Hi 🙂 Please, how I do for resolve this problem when I test with vitest: Error: Failed to resolve entry for package "@tanstack/react-virtual". The package may have incorrect main/module/exports specified in its package.json....
No description
correct-apricot
correct-apricot
View on Discord
10/25/2022

How to make one column grow, and all others occupy space depending on content

Hello, I am currently working on a project using react-table version 7, and in that project we plan to display more than 500 tables (all tables will have a dynamic number of columns, from 4 to 20 and more). Tables are rendered with the useFlexLayout hook. But the question would be partly simple. There is one column that must occupy as much space as possible. The remaining columns must occupy as much space as the content of the header (cells should resize if the header expands when the sorting ic...
adverse-sapphire
adverse-sapphire
View on Discord
10/8/2022

Styling Virtualized List issue

Hi everyone, I'm farily new to working with TanStack Virtual library and it seem's I'm constantly battling styling issues as there is alot of position absolute. Is there a way to add spacing between elements in a list ?...
extended-salmon
extended-salmon
View on Discord
10/6/2022

Any pitfalls or reason to not have multiple records in a row when using useWindowVirtualizer?

Use case is infinite scroll where each row contains three records
national-gold
national-gold
View on Discord
10/6/2022

Smooth Scrolling Example

Hi, I'm new to react-virtual and have just been checking out your examples. In particular, I'm interested in the "Smooth Scrolling" example. However, it doesn't seem to be working at the moment. Any idea what's wrong with it? https://tanstack.com/virtual/v3/docs/examples/react/smooth-scroll...
eastern-cyan
eastern-cyan
View on Discord
10/4/2022

Is there a way to reset virtualizer?

I'm using the virtualizer with solidjs and also table. I have an issue where when I change things, like for example the column order, the rows don't rerender until I scroll past them
multiple-amethyst
multiple-amethyst
View on Discord
10/2/2022

Example with vanilla html table + tr for rows? (v2)

Does anyone know of an example (or if its possible) to virtualize a vanilla html table? I can see a lot of examples online using react-table but we've already got a bunch of vanilla html tables + custom styling that want virtualizing.
No description
flat-fuchsia
flat-fuchsia
View on Discord
9/27/2022

Is it okay to call rowVirtualizer.getVirtualItems() multiple times?

I'm looking at examples codesandbox and it feels like you can do something like const items = rowVirtualizer.getVirtualItems() and do not call that function 3 times inside the same render. Which begs the question, why is it written this way? My hunch is that this function is probably just an accessor and calling almost the same performance as if it was rowVirtualizer.virtualItems https://codesandbox.io/s/github/tanstack/virtual/tree/beta/examples/react/infinite-scroll?from-embed=&file=/src/m...
Previous