I was wondering if there is any way to add a padding bottom at the end of the list.
I need this because I have a material floating button over the list, at the bottom. So if the user goes to the end of the list, that padding will save the last item to be covered from the button.
Thankyou~
Thanks for this incredible lib! When using onMouseEnter and onMouseLeave inside Grid it is not consistent. It might have to do with the absolute positioning but I'm not sure. Have anyone had this problem with Grid?
@bvaughn Haven't seen any issues on it either
I'm looking at react-virtualized's InfiniteLoader and have a few questions to see if it might be a good fit for a pane that displays standard out (both cached and streaming in over websockets). A single job's standard out can be tons of GBs.
- Would it be possible to pause loading of new entries in the virtualized component until the user stops scrolling in the pane? In the example on the gh pages site, all entries are loaded from the point at which scrolling starts.
- The example shows a flush data cache button. Would it be possible to instead keep some sort of arbitrary window-size of cache (i.e. "3x the size of the virtualized pane" or something)?
- Would it be possible to use some sort of anchor scroll tool to manipulate scroll behavior inside the virtualized pane or would that wreak havoc? I'm thinking for things like "follow new lines of standard out as they stream in over the socket", "keep the pane from jumping around when the user filters the view". Also if anyone has any recommendations for a good tool that does this, I'd be interested in checking it out! Current iteration of this is an angular 1.x app and uses angular's $anchorScroll service
Thanks!
Not sure about #1 or #2.. I think I might recall something about being able to override the cache and roll your own implementation but not 100% sure on that
Actually re #1 there may be a way to tell when you're scrolling and use that to decide to load more rows or not (you'll want to probably have a renderer for rows that haven't loaded in this case or your scrollbar will be disproportionate to the size of the data) but would be helpful if we knew what you were using with infinite scroller
Or infinite loader or whatever
and that's a good point on the unloaded row rendering. Was planning on doing that as I will know the number of lines at any point in time. Won't be perfect as some lines could be super long (and thus would wrap in the pane causing the hight for that "row" to be larger), but I don't think it'd be a huge deal
Hello all. I'm hoping for some help with InifiniteLoader and nested List. When my collection of List items changes say 100 results to 1 (because of a search filter) the 1 result displays the old data from the original list of 100. I've tried using this https://github.com/bvaughn/react-virtualized/#pure-components and forceUpdateGrid on the list. But the data remains stale. Any thoughts on what I'm doing wrong here?
@jpollard-cs here is the class in question https://gist.github.com/jarbot/f2cff2e952444db6bdde30f78e6b1222 the use case is when the user searches and the collection updates
but it does indeed look like your ref is going to be accessible via
this.List and not this.list with your current setup
oh so the reference was good? or it is now?
it trims the list of rows from 112 down to whatever the search results are... so it renders the correct number of rows, but the row data is wrong
i've validated that the collection is correct at time of render
I had to use my own unique key in the row renderer
the key returned from List is in the format 1-0 and that doesn't change when the list size reduces to say 1 item. the key remains 1-0
so something is keeping it from rendering
yes!
So 0 is the column index I believe
I didn't do much but you're welcome :D