Comments (4)
Hi @thunderkid
Thanks for reporting this issue. This issue can be reproduced on browser-stack.
My initial guess is that this is either a performance issue in MS Edge or a limitation of react-window (the base library which enables table virtualization). I've seen similar behavior in Chrome when the row count is millions.
It seems MS Edge can't handle more than 22000+ rows.
Technically, I don't see why the number of rows becomes a problem since html elements are added and deleted as we scroll. I'll check with react-window as well, to see if there is a solution for this.
from window-table.
Yes, now that you mention it I'm seeing that the error occurs after row 22k.
Which makes no sense - I'd have thought that since DOM elements are added dynamically, MS Edge shouldn't even know or care which row it's on. It should always think it's only displaying about 12 rows.
from window-table.
Yea I agree. I am gonna throw this question at Brian Vaughn. He will have a logical explanation for this. I need to reproduce the problem solely from react-window before that. I'll try to do that today or tomorrow eod.
from window-table.
This issue has been fixed in the latest Edge browser (thanks to the new chromium-based engine)
from window-table.
Related Issues (20)
- Support accessibility? HOT 3
- Html5Table alignment when scrollbar appears HOT 13
- Mantain color of selected row HOT 1
- Expand rows HOT 1
- ClassNames to elements HOT 2
- why there is a duplication of table ? HOT 2
- is there a way to have dynamic row height? HOT 1
- Is there a recommended approach for implementing infinite scrolling? HOT 1
- forwardRef warning when supplying custom row component HOT 4
- Trouble with storybook HOT 1
- Unable to scroll to row? HOT 2
- Warning: Cannot update a component (`WindowTable`) while rendering a different component (`AutoSizer`). HOT 1
- Warning: Cannot update a component (`ForwardRef`) while rendering a different component (`AutoSizer`) HOT 5
- Double scrollbars with Bulma HOT 4
- Dynamic col widths HOT 1
- Cannot set dragImage because Row always rerenders
- Why is row="[object Object]" column="[object Object]" in all of the elements?
- Width not adjusted until screen size is changed HOT 1
- Add support for HTML5Table to accept Row as component HOT 3
- After mount, Html5Table rows start out sized correctly, but their height quickly grows too large HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from window-table.