Stack Overflow
Stack Overflow

Questions tagged [react-virtualized]

React components for efficiently rendering large lists and tabular data

React Virtualized helps to efficiently render large lists and tabular data by only rendering items that are visible.

Useful links:

525 questions
0
votes
1 answer

Weird interaction 'react-virtualize'd working with 'react-sortable-hoc'

https://codesandbox.io/s/qYEvQEl0 So I wrote a demo myself that didn't work compare to one sample that works, the only difference being one props for rowHeight={({ index }) => 50} rowHeight={50} I use the latter way ofc. And it is not…
Fate Riddle
  • 364
  • 1
  • 3
  • 15
0
votes
1 answer

React virtualized List scrollTo by id or other attribute

Is there a way to scrollTo an element by ID or any other attribute except index? I have really long lists (inside accordions) and I have the id of the highlighted div and would like to scroll to it. Problem is I could use doc.getElemById but the…
prgrmr
  • 842
  • 3
  • 14
  • 30
0
votes
1 answer

What would be the best way to add data-hooks to table row data

I want to add an additional property to each row in a React-Virtualized table so that automation can have an easier job identifying the resultant row data and then verifying it. Looking at the docs and the code it appears that the easiest would be…
Guy Gascoigne-Piggford
  • 689
  • 6
  • 11
0
votes
0 answers

React virtualized List Scroll issue

So I have a sidebar where am trying to implement react virtualized list. The way it works is: Sidebar has an accordian with headers and react virtualized list as content. Sidebar has fixed width Clicking on header will collapse other lists and…
prgrmr
  • 842
  • 3
  • 14
  • 30
0
votes
1 answer

Trying to combine an API request with a grid rendering

So I've got both chunks of code written for both the API request, as well as the grid rendering, however I'm confused as to how to combine the two in a react environment. Any suggestions? (this is using react-axios)
Sean Magin
  • 11
  • 5
0
votes
1 answer

I've buit an example grid, and now looking to import API data in react-virtualized

So I've built the example grid from react-virtualized, and now looking to grab data from an API and have a grid rendered. What's the preferred method for grabbing API data in react? Axios? Fetch?
Sean Magin
  • 11
  • 5
0
votes
1 answer

Looking to import data from an api to create a grid using react-virtualized

I'm a super noob to react, and looking to take advantage of react-virtualized for a hobby project. What's the quickest way to get started with react-virtualized? I've tried create-react-app and NPM install react-virtualized, but as soon as I start…
Sean Magin
  • 11
  • 5
0
votes
1 answer

react-virtualized: scroll while mouse over header or locked left columns

In the multigrid demo, is there a way to enable scrolling while the mouse is over the headers or locked left columns (both sides of the ScrollSync)?
Bee Wilkerson
  • 93
  • 2
  • 9
0
votes
0 answers

react-virtualized IE11 performance

I am new in React world. I am using react-virtualized Grid to show a lot of elements. At once I am showing 5x8 elements on page + 5x8 overscanRowCount. All works fine in Chrome and Firefox. In Edge I see little more whitespace while fast scrolling,…
vahmur
  • 1
  • 1
0
votes
1 answer

React-Virtualized : CellRender goes under next Row

I'm build app with React-virtualized Table. I added some custom cell render inside each Row. Like Label, or some Img. Everything works great, but there's a weird behavior. Inside one cell, I added a simple Dropdown to let user choose some…
Gohmz
  • 1,256
  • 16
  • 31
0
votes
0 answers

react-virtualized getting error - TypeError: list.get is not a function

Getting error - TypeError: list.get is not a function My Parent component : import TableExample from './TableExample'; // Map Redux state to component props function mapStateToProps(state) { return { dirList:…
Arjita Mitra
  • 962
  • 2
  • 13
  • 36
0
votes
1 answer

React Virtualized throwing error - TypeError: _reactVirtualized2.default is undefined

I just integrated react-virtualized in my project. I am using the same code as they used in the demo for table. https://github.com/bvaughn/react-virtualized/blob/master/source/Table/Table.example.js With one change - instead of getting data from …
Arjita Mitra
  • 962
  • 2
  • 13
  • 36
0
votes
1 answer

javascript error when performing npm start in react-virtualized

I am trying to test react-virtualized.I used download-zip files. When I run npm start in react-virtualized-master, it doesn't render anything with below error. Can anyone help to fix this bug? React Error: Uncaught Error: Element type is…
Ko Eun Choi
  • 1
0
votes
3 answers

Using CellMeasurer with MultiGrid

I may be trying to do something that isn't supported, but I am trying to use react-virtualized's CellMeasurer with MultiGrid. I also am using a ScrollSync to detect when the user has scrolled all the way to the right and show/hide an indicator. One…
Troy Cosentino
  • 4,658
  • 9
  • 37
  • 59
0
votes
1 answer

unset scrollToIndex after setting it

I'm using an InfiniteLoader with a Table and I have the indices of some entries that match a specific criteria stored in state. If the user would want to go through those entries, I would have to pass down to the Table each index (following a button…
XeniaSis
  • 2,192
  • 5
  • 24
  • 39
1 2 3
…
34 35