react-virtualized

问题 In this table I want to add some colums with widths. If columns are more width than page, the horizontal scrollbar doesn't show. How to remake example from sandbox and add horizontal scrollbar? Is to possible doing this by Table components? https://codesandbox.io/s/k9km4qjkk5 React: import React from "react"; import ReactDOM from "react-dom"; import { AutoSizer, Column, Table } from "react-virtualized"; import "./styles.css"; export default class List extends React.Component { state = { list:

问题 In this table I want to add some colums with widths. If columns are more width than page, the horizontal scrollbar doesn't show. How to remake example from sandbox and add horizontal scrollbar? Is to possible doing this by Table components? https://codesandbox.io/s/k9km4qjkk5 React: import React from "react"; import ReactDOM from "react-dom"; import { AutoSizer, Column, Table } from "react-virtualized"; import "./styles.css"; export default class List extends React.Component { state = { list:

问题 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 Fiber in version 9 the only public method for CellMeasurer is now measure(). Most of the examples use the previous resetMeasurementForRow() method. The current CellMeasurer doc doesn't seem to have any info on the new public methods. Not sure if I've overlooked something but any help is appreciated.

问题 I am using react-virtualized for rendering a Table. The Table should look like this: Expected Table I have reached here so far: Present Table I am able to add the checkbox in the header row with a custom headerRenderer function. I want to add the checkbox at the starting of every row. How can I do that? Here is the code that I have written: import React, {useState} from 'react'; import {Checkbox, Segment} from 'semantic-ui-react'; import {Column, Table, AutoSizer, SortDirection} from 'react

问题 Is it possible to set a x-scrolling in react-virtualized? I have a table with a fixed width, and more columns to display than I got space in my table, so I need a x-scrollinig. In my tests if i did it, the table just shrinked up and did just display '...''s for content if the table runs out of space. 回答1: Intro paragraph for react-virtualized Table docs (emphasis added): Table component with fixed headers and windowed rows for improved performance with large data sets. This component expects

问题 https://codesandbox.io/s/qYEvQEl0 So I wrote a demo myself that didn't work compare to one sample that works, the only difference being one props for <List/> rowHeight={({ index }) => 50} rowHeight={50} I use the latter way ofc. And it is not working. Why? 回答1: Answer copied from the duplicate GitHub issue you filed ;) This creates a new function prop each time you render: rowHeight={({ index }) => 50} The prop-change is sufficient to trigger a re-render of the child component even if no

问题 The scroll of the list is going crazy when I scroll and it keeps jittering afterwards even if I don't do anything) as you can see here: https://imgur.com/SdgMf7f (sorry embedding that gif doesn't work here) I made a minimal example where it happens in: https://codesandbox.io/s/4r2q3omv1w I did pass the style to the rows. Also, if you change the height and width of the list to get the values from Autosizer, then the list doesn't appear, even though this looks exactly like in the example. Any

问题 The scroll of the list is going crazy when I scroll and it keeps jittering afterwards even if I don't do anything) as you can see here: https://imgur.com/SdgMf7f (sorry embedding that gif doesn't work here) I made a minimal example where it happens in: https://codesandbox.io/s/4r2q3omv1w I did pass the style to the rows. Also, if you change the height and width of the list to get the values from Autosizer, then the list doesn't appear, even though this looks exactly like in the example. Any

问题 I am trying to create my own version of infinite scroll. In this version of infinite scroll, I am using react-virtualized to get good performance. You can access the codesandbox here: https://codesandbox.io/embed/github/Vishal1419/infinite-scroll/tree/master/ When I scroll at the bottom, the new records are added to the list, that's what a typical infinite-scroll do. But when new records are added, scrollTop increases by 16px everytime. I don't know the reason behind that. I have already

问题 I'm using react-virtualized for a lengthy (1000+) list of items to select from. And I'm trying to set up an end to end test that requires clicking on one of the elements that are not currently rendered. Ordinarily, I'd simply use something like: await t.click( ReactSelector('ListPage') .findReact('ListItem') .nth(873) // or .withText(...) or .withProps(...) ) But because only a small subset of the ListItem s are rendered, TestCafe fails to find the desired element. I've been trying to figure