Stack Overflow
Stack Overflow

Questions tagged [react-window]

133 questions
2
votes
2 answers

Is there a way to select multiple rows in a react-virtualized table?

I want to be able to select multiple rows at a time from a react-virtualized table, either with click-and-drag, or holding shift to select from one index to another. I know there is a onRowClick method, and I am currently using it for the single row…
Adrian Vas
  • 31
  • 3
2
votes
1 answer

react-window scroll to bottom

I'm using react-window to render a long list to show messages. but how can I move scroll to bottom for each new messages? I could handle it for normal Div by using useRef, but what about react-window? const list =…
Martin Rützy
  • 415
  • 1
  • 11
  • 22
2
votes
1 answer

react window with Autosizer

I got a problem when I used react-window with react-virtualized-auto-sizer, I made a little change of official example, then the list is disappear. I wonder why? Thank you for any help ~~ sandbox:…
steven-lie
  • 75
  • 2
  • 7
2
votes
1 answer

Could not find a declaration file for module 'react-window'. '/app/node_modules/react-window/dist/index.cjs.js' implicitly has an 'any' type

I've created a react project using yarn and create-react-app with the typescript template and it worked fine even after installing and using other modules. After that I used yarn add react-window and yarn add @types/react-window --dev the following…
Greg
  • 8,175
  • 16
  • 72
  • 125
2
votes
1 answer

Type 'typeof Row' is not assignable to type 'ComponentType> & ReactNode'. TS2769

I am putting together an infinite scrolling list using react-window and am getting a typescript build error. I've searched stack overflow and fixed a few other previous errors but I was unable to fix this last one. Here is the code in…
Greg
  • 8,175
  • 16
  • 72
  • 125
2
votes
0 answers

How to get itemSize for VariableSizeList in react-window?

The reason why I want to use react-window is to avoid excessive DOM problem. Also, because I'm using nextjs and React.lazy() doesn't work there. I have a Layout component in which the children are being dynamically generated, you can see the problem…
utopia
  • 322
  • 1
  • 4
  • 22
2
votes
0 answers

react-window children as itemData results always to a rerender

I am using react-window to render virtualized lists. I created a generic component, so it is easy to make every list virtualized. The generic component looks like this: const itemData = useMemo(() => React.Children.toArray(children),…
Jan Höck
  • 219
  • 3
  • 12
2
votes
0 answers

Material-UI Select component with many menu items is slow - Alternative solutions

I am trying to make a select element for cities with material-UI. The problem is that I need to have the same design as the Textfields I have above that element. I used the following
iasonas ladias
  • 21
  • 2
2
votes
0 answers

Autocomplete scroll not working with react-window

I am trying to use reac-window with Autocomplete. This is the code base: function renderRow(props) { const { data, index, style } = props; return React.cloneElement(data[index], { style: { ...style, top: style.top, …
angus
  • 3,210
  • 10
  • 41
  • 71
2
votes
1 answer

Adding React-Window to Material-UI Enhanced Table: type is invalid -- expected a string or a class/function but got: array

I'm trying to add the windowing feature (from react-table virtualized-rows https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/virtualized-rows?file=/src/App.js:2175-2192) to the Material-UI Enhanced Table (because I need…
user2298581
  • 532
  • 3
  • 11
  • 37
2
votes
1 answer

Setup problem encountered by wrapping a React-Beautiful-DND + React-Window virtual list with AutoSizer

When wrapping my virtual list component (react-beautiful-dnd + react-window) with an component (react-virtualized-auto-sizer) I'm receiving the following error: react-beautiful-dnd A setup problem was…
Chunky Chunk
  • 16,553
  • 15
  • 84
  • 162
2
votes
2 answers

Is there a way to virtualize (e.g. with react-window) antd nested tables?

antd has an example in their docs for integrating virtual scroll via react-window to improve performance for large table data Anyone done something like that for nested tables in antd? Or have any pointers/tips for how to?
saadmasood
  • 21
  • 2
2
votes
4 answers

React table v7 fixed column with react-window

I have a table with react-table v7. Have used react-window for virtualisation. Now the table has last column fixed but I am unable to fix the last column of the table. React-window's internal element has overflow: auto which is not letting the…
priyanshu sinha
  • 595
  • 6
  • 14
2
votes
0 answers

How react-window and styled-components work together?

I use styled-components to do media queries. But when it comes to react-window component, I don't know how to do it since react-window needs to use props to set the ColumnCount, ColumnWidth... const ImgStyle = styled.img` width: 200px; …
Nicole
  • 125
  • 1
  • 4
  • 11
2
votes
1 answer

React/MUI Popover positioning incorrectly with anchorPosition

I'm using a React/MUI Popover inside a react-window List element and am unable to get the Popover to position correctly -- it always winds up in the top left corner of the window (the component is unable to perform a getBoundingClientRctd() on the…
JESii
  • 4,678
  • 2
  • 39
  • 44
1 2
3
…
8 9