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

default sort column in react-virtualized table

We would like to know how to properly define a default sort column when loading a datasource to a react-virtualized table. Right now we're defining a sort method and is working fine, once we click on the table columns. However we couldn't find a way…
Yanick Tourn
  • 83
  • 1
  • 7
0
votes
1 answer

React-Virtualized Autosizer Height Issue

My parent div is 100% of the parent (which is in turn 100%, etc), and one of the parents has some padding. AutoSizer is not respecting the padding at the bottom, and also the list stops scrolling before all the items have been seen. …
Ben Smith
  • 851
  • 2
  • 10
  • 22
0
votes
1 answer

How to do proper Column Filtering with React-Virtualized - Advice needed?

I have a react-virtualized table where column sorting is enabled. My plan is to add a filter icon next to column headers and do a Material-UI popover when someone clicks on it. So here is what I did: I enabled headerRenderer headerRenderer=…
Timur Catakli
  • 1,306
  • 1
  • 11
  • 12
0
votes
1 answer

Performance issue with react-tether inside item in a react-virtualized list

Description I have a potentially long list of items rendered in a react-virtualized VirtualScroll. Each item (row) in the list has a fairly large amount of elements, one of which opens a context menu. I'm trying to use react-tether to render that…
burtyish
  • 1,033
  • 2
  • 13
  • 27
0
votes
1 answer

minimize react-virtualzed bundle size

Using browserify (commonjs), how can I minimize the size of react-virtualized? It seems to be including other classes that I'm not using like Collection and Table. I have tried using the standard syntax import {foo, bar}... as well as specifying…
Mbrevda
  • 2,888
  • 2
  • 27
  • 35
0
votes
1 answer

VirtualScroll (List) with dynamic item height scrolling not smooth and jumping

I have been tuning the VirtualScroll (List) component for almost whole day but no luck. I'm building a web based chatting application in which uses the react-virtualized List to display the chatting messages. Since message may have different content…
Ellis Shen
  • 227
  • 1
  • 3
  • 12
0
votes
2 answers

Warning when react virtualized column is subclassed

When I inherit/subclass the 'Column' component, it throws Warning: Failed prop type: Table only accepts children of type Column This is how I subclassed Column import React, {Component, PropTypes} from 'react'; import * as RV from…
brsbilgic
  • 11,613
  • 16
  • 64
  • 94
0
votes
1 answer

Using onClick in react-virtulized Grid cell/row

I'm using the Grid component from react-virulized and need to handle click event at a column cell and row level. I tried adding an onClick to the div returned by my cellRenderer method, but it don't appear to work. Has anyone got this working? See…
kriver
  • 1,588
  • 3
  • 20
  • 33
0
votes
1 answer

shallowCompare gives an error saying React is not defined

I have installed version 15.2.1 of react, react-addons-shallow-compare, and react-dom. When I try to use react-virtualized, I get an error on the Chrome console saying external "React.addons.shallowCompare":1Uncaught ReferenceError: React is not…
Monty
  • 361
  • 1
  • 3
  • 8
0
votes
0 answers

Using react-virtualized AutoSizer results in props violation for multiple children

All, I'm trying to combine FlexTable and AutoSizer (from react-virtualized) but keep getting an error that I do not quite see the reason for. As far as I can see I have followed the examples but I must be making some mistake. My render method ends…
Daniel Södling
  • 21
  • 1
-1
votes
1 answer

Columncount in multigrid not working!! React virtualized

I have set columncount to 3 through props, but only one column gets rendered. Is my method right? render() { const { rowData, columnCount, columnMinWidth, maxHeight, rowHeight, …
acoderbird
  • 7
  • 2
-1
votes
1 answer

Virtualized select design got disturbed with Bootstrap 4

I was using virtualized select with Bootstrap 3 and recently upgraded to Bootstrap 4, but after that virtualized select design got disturbed totally. Below I am providing the code snippet for the same: import VirtualizedSelect from…
rahul
  • 7,573
  • 7
  • 39
  • 53
-1
votes
1 answer

Detect when list is scrollable?

I would like to add a background color to a list to make scrolling look better but I only want to it if the list is scrollable. How might I configure this?
Ian Warburton
  • 15,170
  • 23
  • 107
  • 189
-2
votes
1 answer

What kind of component is this?

https://github.com/bvaughn/react-virtualized/blob/master/docs/creatingAnInfiniteLoadingList.md How does one incorporate MyComponent into a React app?
Ian Warburton
  • 15,170
  • 23
  • 107
  • 189
-2
votes
1 answer

Using React Virtualized Select without node backend

I wanted to use the React Virtualized Select to show almost around 1 million records in a select dropdown. I have already created the project based on flask and angularjs. I wasn't able to find any resources for such a dropdown through angularjs, so…
Naren Murali
  • 19,250
  • 3
  • 27
  • 54
1 2 3
…
34
35