react-virtualized Questions
1
import * as React from "react";
import { render } from "react-dom";
import {
List,
CellMeasurerCache,
CellMeasurer,
WindowScroller,
AutoSizer
} from "react-virtualize...
Engelbert asked 1/9, 2023 at 9:21
7
I'm new to react-virtualization and Autocomplete. I have currently build a list which shows multiple texts when the checkbox is selected. Here is my code:
https://codesandbox.io/s/material-demo-for...
Canzone asked 5/10, 2020 at 13:26
3
Solved
I am using React-Virtualized to create a lazy loading infinite list.
https://github.com/bvaughn/react-virtualized/blob/master/docs/InfiniteLoader.md
However, I am not able to create a gap betwee...
Intransigence asked 26/12, 2018 at 6:30
3
I have the following requirements to my table:
Table should have fixed header
It needs to autosize: for infinite scroll to work the first fetch should get sufficient amount of data for scroll to a...
Quotidian asked 19/4, 2021 at 12:15
2
Solved
I'm using the Autocomplete component from Material-UI in a project. Since I have a lot of options to render, virtualization would be very beneficial. So I started from the virtualized example in th...
Disparagement asked 9/12, 2019 at 21:31
1
Using the render prop registerChild as ref in CellMeasurer seems to be ignored by react-virtualized: warning findDOMNode is deprecated still received.
That comment:
https://github.com/bvaughn/rea...
Mutualism asked 27/4, 2020 at 12:24
2
I have a component which uses react-virtualized AutoSizer, and inside this component there is a react-virtualized List. The way it is rendered is:
<AutoSizer>
{({width, height}) => (
&l...
Borrego asked 5/6, 2020 at 11:56
3
I am using a List component in react-virtualized to render a large number of items. In my implementation, the items are sectioned, and I want the section headers to be sticky so that the current se...
Hydrometeor asked 9/11, 2016 at 15:33
2
I'm trying to used react-virtualized to render a table with 1000+ rows of data. The rows are very heavy containing multiple complex React components. input, combobox, date selector and popup menus ...
Kerrin asked 13/9, 2018 at 4:11
3
I would like to render a list of items using react-virtualized, however some of the items could change the size.
I have added a demo, where each item has a button and when someone clicks the butto...
Screwball asked 31/1, 2017 at 15:47
2
Solved
I'm using react-virualized 9 with Autosizer, List, and CellMeasurer components. I need to update the row heights when the list data has changed. It appears that since the changes to support React F...
Gynaecomastia asked 7/5, 2017 at 22:16
2
I'm leveraging a virtualized list (react-virtualized) where the heights of my list items are required and could vary greatly. Due to large variations, any height estimation I give the library yield...
Excursion asked 16/6, 2020 at 3:15
1
Solved
I've been struggling to implement this example noted in the react-sortable-hoc examples page, specifically with the autoscroll behavior within a table. Unfortunately it doesn't look as though sourc...
Chronopher asked 22/5, 2020 at 2:51
1
Solved
I've been implementing a chat client in Electron (Chrome) and React. Our top priority is speed. It behooves us, then, to use a virtualized list component (also known as "buffered render" or "window...
Hodgkinson asked 22/12, 2019 at 0:8
0
Can someone take a look at my react-virtualized setup, please?
I'm sure it's designed improperly because cell heights are not being measured properly.
https://gist.github.com/zackster/31fb5a983a33...
Litton asked 15/11, 2019 at 14:45
2
Where AutoSizer's width gives me an appropriate value, I'm consistently getting an Autosizer height of 0, which causes the VirtualScroll component not to display. However, if i use the disableHeigh...
Isolating asked 12/7, 2016 at 22:48
2
Solved
In docs - headerRowRenderer, but can anyone share simple example with some custom header markup, for example with custom title attr + all 'default' virtualized features, like sortable...
Grace asked 8/5, 2017 at 6:58
1
I'm trying to create a 8-column table, each column contains <input /> element. For some reason, I experience a delay in the on change event of the text input. Reducing the number of columns t...
Skidmore asked 1/8, 2019 at 15:45
1
I use react-virtualized Table to render a table with many rows. I don't want my long text to be trimmed due to the fixed column width, so I want to use CellMeasurer to measure the width dynamically...
Rosenquist asked 13/8, 2018 at 16:5
4
Solved
I was using angular-ui-grid (http://ui-grid.info/) to display tabular data. On the whole, it was quite slow and so we decided to use ag-grid (https://www.ag-grid.com/). This was much more performan...
Higginson asked 27/8, 2017 at 23:33
2
I have gone through many answers on StackOverflow. I have also gone through List document here, react-virtualized/List. But, still I am not able to understand how to dynamically set row height in r...
Linkman asked 30/12, 2016 at 21:3
2
Solved
I have a requirement to open/close additional row details.
Has anyone implemented or have ideas on how to go about implementing expand/collapse feature for each row?
Ginni asked 12/12, 2016 at 16:46
1
I was using material-ui's List and ListItem components. Specifically, I was using the nested items functionality. See http://www.material-ui.com/#/components/list
around half way down the page you'...
Consensus asked 13/12, 2016 at 20:26
2
Solved
I've been struggling to make this react virtualized table example work & seriously starting to doubt my sanity. I've created a react app and I'm just trying to render the example table inside A...
Marthmartha asked 15/5, 2018 at 4:5
2
Solved
The documentation in react-virtualized is not clear on how row selection is handled. I need to:
track selected row
highlight selected row
query which row is selected (I care for getting to its da...
Seaton asked 3/4, 2017 at 20:24
1 Next >
© 2022 - 2025 — McMap. All rights reserved.