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:
Questions tagged [react-virtualized]
525 questions
0
votes
1 answer
React-Virtualized cancel click event when sort enabled
I'm creating a table where the columns are resizable like the demo on the react-virtualized GitHub page using react-draggable: https://codesandbox.io/s/j30k46l7xw
However, I also want the table to support sorting.
When I add the sort prop on the…
Index
- 3
- 1
0
votes
1 answer
How to use resetLoadMoreRowsCache?
In react virtualized, I'm trying to reset the rows if someone filters on certain critera.
I've tried calling:
Using refs
this.infiniteLoaderRef.resetLoadMoreRowsCache();
and the function that supposedly…
Ian Jamieson
- 169
- 10
0
votes
0 answers
How to change react-vitualized Grid and List default static classname
Is there a way I can change the default static classname for List and/or Grid?
className="sample-classname" just appends to the current classsname :(
here is my sample code
{({ height, width, isScrolling, onChildScroll,…
Jhay
- 77
- 3
- 14
0
votes
1 answer
React Virtualized Masonry does not resize with the browser
I am trying to build a feed (a Pinterest-like feed to put it straight). I am using react-virtualized Masonry component.
You can see how the items rearrange and the component is correctly resized when the browser window resizes in this screen…
Victor
- 13,914
- 19
- 78
- 147
0
votes
1 answer
React-virtualized WindowScroller, scroll shows on table level not window
I use WindowScroller to scroll on window level but instead scrollbar shows in table level. What I do wrong ?
{(scroll) => {
Some footer text here
Some header text…
Danny Larsen
- 150
- 9
0
votes
1 answer
Unexpected token with react
Getting unexpected while running. I am trying to load the InfiniteLoader of react virtualized. Would like to know how to call the API through this component If any example is available. I have taken the component from…
Chetan
- 1,141
- 2
- 15
- 36
0
votes
1 answer
How to know implement auto follow with react-virtualized
I am using the List and WindowScroller in react-virtualized to display logs. It seems that there is no good way to implement the auto-follow. It seems pretty easy to scroll to the bottom with scrollToIndex. But it is pretty hard to know whether we…
leuction
- 563
- 2
- 8
- 19
0
votes
1 answer
React-Virtualized: Accessing cells programmatically via selector for e2e
Is there a best-practice for accessing cells programmatically via selectors?
I am trying to allow an e2e test easy access to the grid.
Lee Goddard
- 10,680
- 4
- 46
- 63
0
votes
0 answers
Table styles not working properly
I've been doing some research on this subject, and I've worked with both the Grid, List, and MultiGrid now with react-virtualized and have gotten those to work properly. I've been running into some issues with the table again though. I can't seem to…
Kevin Yao
- 25
- 5
0
votes
1 answer
react-virtualized Grid.cellRenderer - issues adding style prop
I am using the Grid component and have a cellRenderer. In it I attempt to add a backgroundColor style to the outer div.
customColumnRenderer(props: GridCellProps): React.ReactNode {
...
props.style.backgroundColor = "hotpink";
...
…
Pete Moss
- 83
- 7
0
votes
1 answer
Is it possible to support "rotated" table orientation in react-virtualized?
Is there currently a way to "rotate" the orientation of a table? Not dynamically, but just to configure it that way. By "rotate", I mean with headers on the left (in the first "column") and rows displayed to the right (in the second "column" and so…
eric
- 511
- 1
- 4
- 15
0
votes
1 answer
react-virtualized List: How to remove empty space when the list is too short?
I am using react-virtualized List to render a list of data. When the list is too short (is height is smaller than the "height" prop of List component) there are a lot of empty spaces at the bottom (because the height is fixed). Is there any way to…
Tu Anh
- 339
- 2
- 4
- 17
0
votes
1 answer
react-virtualized List longer than expected
I am calculating the height of the List component using the formula:
rowHeight * rowCount (in fact, I still don't understand why height is required if it can be calculated from the other two props).
But it seems that the list rendered is longer…
elena
- 3,740
- 5
- 27
- 38
0
votes
1 answer
Is render method of a component run in react-virtualized rowRenderer
I am using a List provided by react-virtualized. Inside the rowRenderer I return a more complex component. This component has some events defined for it. When an event is triggered, a part of the this component should be updated with new structure,…
elena
- 3,740
- 5
- 27
- 38