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

how to use scrollToIndex with infiniteLoader?

I use the List+InfiniteLoader combination and I'd like to specify the index at which the list should start rendering at load time. I tried setting the scrollToIndex property on the List component without success. What would be the proper way to set…
Did
  • 911
  • 7
  • 6
0
votes
1 answer

react-virtualized share CellMeasurerCache for multiple Grids

I got few grids side by side, and for first of them i want to calculate row heights dynamically using CellMeasurer, how it's possible to reuse CellMeasurerCache from this grid in another (to synchronize cell heights/widths)? jsbin example class App…
shkipper
  • 1,403
  • 3
  • 21
  • 35
0
votes
1 answer

react-virtualized List component extend height of last row

I have a List component from react-virtualized where I am using the height prop to set its row height. However, the horizontal scrollbar is overlapping with the last row, making it hard to see the text content of the last row. Is there a way to…
helfi
  • 125
  • 3
  • 10
0
votes
1 answer

How to create an element not just place it on the page

I need to create an instance of the element Grid so that I can call functions on it in the code? For example, if theGrid is of type Grid, I want to both place it on the page, but I also want to save it as a local variable so I can later say:…
Ivan
  • 7,448
  • 14
  • 69
  • 134
0
votes
1 answer

React Virtualized combining custom table and Window Scroller

I am trying to combine a custom CSS table with the react virtualized window scroller. I currently can get the table to display, but am having trouble figuring out how to combine styling to that table, or add any logic to the table rows. …
Totals
  • 311
  • 2
  • 5
  • 14
0
votes
1 answer

React-virtualized: how to use minWidth only

I have with width attr. How I can make last column width equal to all available width (I mean all other free space in block)? Try to set minWidth, but width required... If I set big amount of width, my other columns on small screen…
Max P
  • 1,439
  • 3
  • 15
  • 33
0
votes
0 answers

How to add a scroller to the nesting element of the react-virtualize Table?

There are several components with dynamic size inside one div. One of those components would be a react-virtualized Table. How would you implement it to have just one scroller in the parent div? It seems like WindowSroller won't help, since I want…
dmigo
  • 2,849
  • 4
  • 41
  • 62
0
votes
1 answer

Why isn't onSectionRendered being called on my List?

For some reason onSectionRendered is not being called on my List. Everything else is working fine. Not sure If i'm passing it in right. It doesn't render when i initially load the Grid List nor when different rows become visible. …
user1730335
  • 59
  • 1
  • 5
0
votes
1 answer

react virtualized grid sort icon

I've implemented on a grid from react-virtualized, the possibility for the user to sort values on click of an icon. I wish that the icon have the same behavior than the sort icon on react-bootstrap table. Currently, my icon is working this. The…
Philippe
  • 960
  • 2
  • 12
  • 29
0
votes
1 answer

React virtualized table - sort and sortBy

I'm trying to make my react virtualized table sortable. I want the table sort by a particular column when click on a sortable header. I've followed the docs but it dosen't work at all so far. Here is the code: // @flow import React from…
Kacper Mentel
  • 1
  • 1
0
votes
1 answer

Could i use react-virtualized for rendering and modifying large tabular data?

I would like to build a service that can manage large dataset by grid view. It's similar to Excel or Google's Spreadsheet. The service can render and modify directly on the grid view. I would like to use react or some latest technology to develop…
Trung Hiếu Trần
  • 365
  • 1
  • 2
  • 10
0
votes
1 answer

Printing Grid Component

I have a MultiGrid component with a single fixed row. I would like to print the result, but since multiple columns overflow on the x-axis, the print output gets truncated. Is it possible to wrap each row in another element and then use display…
mateusz
  • 1,127
  • 1
  • 8
  • 10
0
votes
1 answer

Different default sort directions for Columns in Table in React-virtualized

Using the Table and Column components of react-virtualized, I have achieved a default sort column and direction by defining a sortBy dataKey and the sortDirection in the Table component. I have another column, which I would like to have sort in…
garajo
  • 736
  • 4
  • 19
0
votes
1 answer

React Virtualized windowscroller scrollElement not working

You were right that I was not passing the props in correctly. Now I have it set up as such: Container.jsx
{this.foo = ref;}}> this.renderContainer()
user1516734
  • 11
  • 1
  • 4
0
votes
1 answer

Triggering List public methods to resize row heights

Even after successfully setting a List ref (as shown in the tree.js example), I seem to be unable to successfully trigger a remeasuring of row heights using public methods (also shown in the tree.js…
btb
  • 21
  • 3
1 2 3
…
34 35