Stack Overflow
Stack Overflow

Questions tagged [react-virtual]

7 questions
2
votes
1 answer

How to implement horizontal virtualisation in tanstack table v8?

I am building a full scale, editable, sortable table using tanstack table. I have already added virtualisation to rows using the example provided at tanstack table website. However, I also want to implement horizontal virtualisation, and I am lost…
Upneet Singh
  • 21
  • 1
2
votes
0 answers

Is there a way to integrate useVirtual with Material-UI Select

Material-UI Select is lagging when there is more than 200 options. It's a known issue - https://github.com/mui-org/material-ui/issues/17001 and I try to workaround it using useVirtual hook, of react-virtual. so far it doesn't work well. I created…
Itay Tur
  • 683
  • 1
  • 15
  • 40
1
vote
0 answers

How to implement react-virtual to react-table?

I have created a reusable table component using react-table v8 by tanstack. Im now trying to implement react-virtual by tanstack to this reusable table. Im using "@tanstack/react-virtual": "^3.0.0-beta.54" and "@tanstack/react-table": "^8.9.2". Im…
Oren Papa
  • 35
  • 1
  • 7
1
vote
0 answers

Does react-virtual work with an infinite feed?

We have a log viewer that is fed from SignalR - basically a live view of logs coming in from a set of services and websites. The log viewer bogs down as more and more dom elements are created, so I was hoping I could use a virtualization library to…
Stuart
  • 1,572
  • 4
  • 21
  • 39
1
vote
1 answer

react-virtual variable sizing with images not calculating on initial load

I want to render a virtualized list of images with variables heights, my current implementation is following the variable example on tanstack docs, but adding a random height src image and loading that instead of text as the content for the row…
xaunlopez
  • 439
  • 1
  • 4
  • 13
1
vote
0 answers

Fixed row and column with react-virtual module

When I override the div with a column index of 0 that has position absolute and give it a position sticky with left: 0 the first column style just breaks. Is it possible to have fixed columns or rows with react-virtual? combineStyles is a function…
Mohammad K.
  • 238
  • 3
  • 12
0
votes
0 answers

React-Virftual v2 | Virtualizer `virtualItems` only contains 11 elements although `totalSize` is 20k+

Basically, I'm implementing a virtualized Material UI v4 Autocomplete, to do so I have this component: const ListboxComponent = React.forwardRef(({ children, ...rest }, ref) => { const childArray =…
Omar
  • 689
  • 3
  • 16