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

Upgrading react-virtualized gives error: Super expression must either be null or a function, not undefined

I upgraded from react-virtualized 8.11 --> 9.1, and receiving the above error. Accounting for the docs breaking changes: 1- I'm using React version 0.15.X 2- I'm not using the CellMeasurer component. Have any of you experienced a breaking change…
dwhores
  • 43
  • 1
  • 7
0
votes
1 answer

Why divs are flashing?

I'm new to React Virtualized, and sorry for my English. This is my code pen link: http://codepen.io/anon/pen/xqGXwv?editors=0010, when I scroll to the 4th div, it's flashing, could someone help me ?
hronro
  • 1,157
  • 1
  • 8
  • 11
0
votes
1 answer

React Virtualized position of list item

I'm using React Virtualized in a similar setup like the snippet below. There are a couple of items that are rendered using a CellMeasurer. The last item indicates that more items will be loaded and is not rendered normally. This item has the wrong…
Michiel Borkent
  • 34,228
  • 15
  • 86
  • 149
0
votes
1 answer

react-virtualized CellMeasurer returns undefined getRowHeight

I'm using the react-virtualized wizard to generate a starting point for what I'm using. Essentially I have only clicked "Will your collection have more than 1 row of data?", which gives you this: {({ height, width }) => ( …
captDaylight
  • 2,224
  • 4
  • 31
  • 42
0
votes
2 answers

How to use React Virtualized when there is no notion of a row index to get rowdata?

Is it possible to use React Virtualized when there is no notion of a row index to get rowdata? I would like to use React Virtualized to display data coming from a large (100k+ rows) database-table that is constantly being modified: rows are…
willemx
  • 530
  • 7
  • 19
0
votes
3 answers

Calculate how many lines will be used in div?

In the snippet below there are four divs with 33 characters each. Depending on the width and the word wrapping, the div can take one, two or three lines. What is a good way to calculate this beforehand? The reason I need this is because I use a…
Michiel Borkent
  • 34,228
  • 15
  • 86
  • 149
0
votes
1 answer

load always data for only one index range

Sorry if the title is somewhat misleading. I'm using an InfiniteLoader with a Table and the problem is that almost always the total number of data I want to load is huge. And if I were to append the data every time loadMoreRows was called, I would…
XeniaSis
  • 2,192
  • 5
  • 24
  • 39
0
votes
1 answer

React Virtualized InfiniteLoader/Grid: How Can I Prevent Scroll Reset?

I have an infinite scroll component built from React Virtualized's InfiniteLoader and Grid components. If I scroll down using my mouse wheel (ie. reasonably slowly) everything works great. However, when I click on the scrollbar inside the…
machineghost
  • 33,529
  • 30
  • 159
  • 234
0
votes
1 answer

Undefined index after loadMoreRows is called

I have the following example implementing the InfiniteLoader with a Table which is setting the Table rowCount to a known large number (count of logs in the db) and the InfiniteLoader rowCount to the size of the batch of logs I fetch. I need this so…
XeniaSis
  • 2,192
  • 5
  • 24
  • 39
0
votes
0 answers

React Virtualized - How to properly clear the cache of the CellMeasurer

I have an InfiniteLoader wrapping a WindowScroller wrapping a CellMeasurer wrapping a List using react-virtualized. I am seeing inconsistent behavior regarding each list item's height from render to render. I am trying to pass resetMeasurements to…
bgmaster
  • 2,313
  • 4
  • 28
  • 41
0
votes
2 answers

Unable to scroll past the last child with ScrollSync with multiple Grids and Collections

I'm trying to develop timeline component. This is stripped version of it to demonstrate issue: https://jsfiddle.net/mauron85/5vverasn/ It should render 48 hour intervals between two dates (1/30/2007 - 1/31/2007) in table header and courier routes…
mauron85
  • 1,364
  • 1
  • 14
  • 28
0
votes
1 answer

How to get react-virtualized Collection to update when re-rendered with new width and columnCount?

Here are the cellSizeAndPositionGetter and render functions for my react component. My screen layout doesn't change when I resize the screen, but I can confirm through the console that the width and state.columnCount (used by…
stuart
  • 1,785
  • 2
  • 26
  • 38
0
votes
1 answer

React Virtualized: Collection with cells that have the same fixed height but different widths

I'm a little confused if I can use React Virtualized's Collection component to solve my problem. I'll try to describe what I'm doing: I'm using React Virtualized on a page to display two lists/collections of items. I've finished the first collection…
Jooooooooohn
  • 137
  • 1
  • 3
  • 12
0
votes
0 answers

React-Select loadOptions not working

I'm trying to use the React-Virtualized-Select with an async API call to load the options, but it's never completing the loadOptions method. Here is the full file: const VirtualizedSelect = window["react-virtualized-select"].default; class…
Mike
  • 143
  • 2
  • 11
0
votes
0 answers

autosizer scrollsync grid combi scrollwidth not updated

I am trying to use an with an embedded like this: {({ clientHeight, clientWidth, onScroll, scrollHeight, scrollLeft, scrollTop, scrollWidth }) => { { ({ width,…
meerlol
  • 355
  • 3
  • 14
1 2 3
…
34
35