title: how to list data in reverse order using React Virtualized Infinite loader?
body: <p>I tried to list the huge amount of data using infinite loader. But in my case, list of data need to render in reverse order. But i didn't get the result its keep on loading the record Down wise I have updated in below link,</p>
  
  <p><a href="https://codepen.io/john0075081/pen/qBExxqR" rel="nofollow noreferrer">https://codepen.io/john0075081/pen/qBExxqR</a></p>
  
  <pre><code>const { Table, Column, AutoSizer, InfiniteLoader } = ReactVirtualized
  const generateRandomItem = (idx) =&gt; ({
     id: idx,
     name: faker.name.findName(),
     email: faker.internet.email()
  })
  
  class App extends React.Component {
     constructor () {
        super()
        this.loadMore = this.loadMore.bind(this)
        // fake data
        let items = []
        for (let i = 0, l = 100; i &lt; l; i++) {
           items.push(generateRandomItem(i))
        }
        this.state = {
           items: items
        }
     }
  
     loadMore ({ startIndex, stopIndex }) {
        console.log(startIndex, stopIndex);
        // simulate a request
        setTimeout(() =&gt; {this.actuallyLoadMore()}, 500)
        // we need to return a promise
        return new Promise((resolve, reject) =&gt; {
           this.promiseResolve = resolve;
        })
     }
  
     actuallyLoadMore () {
        // fake new data
        let newItems = []
        let s = this.state.items.length + 1
        for (let i = 0, l = 100; i &lt; l; i++) {
           newItems.push(generateRandomItem(s + i))
        }
        this.setState({ items: this.state.items.concat(newItems)})
        // resolve the promise after data where fetched
        this.promiseResolve();
     }
  
     render () {      
        return (
           &lt;div className="container"&gt;
              &lt;h1&gt;Infinite scrolling autosize table example &lt;/h1&gt;
              &lt;InfiniteLoader
                 isRowLoaded={({ index}) =&gt; !!this.state.items[index]}
  
                 threshold={1}
                 loadMoreRows={this.loadMore}
                 rowCount={100000}
              &gt;
                 {({onRowsRendered, registerChild}) =&gt; (
                    &lt;AutoSizer&gt;
                       {({ width}) =&gt; (
                          &lt;Table
                             ref={registerChild}
                             onRowsRendered={onRowsRendered}
                             rowClassName='table-row'
                             headerHeight={40}
                             width={width}
                             height={300}
                             rowHeight={40}
                                 scrollToIndex={this.state.items.length-1}
                              scrollToAlignment="end"
                             rowCount={this.state.items.length}
                             rowGetter={({ index }) =&gt; this.state.items[index]}
                          &gt;
                          &lt;Column
                             label='Id'
                             dataKey='id'
                             width={width * 0.2}
                          /&gt;
                          &lt;Column
                             label='Name'
                             dataKey='name'
                             width={width * 0.4}
                          /&gt;
                          &lt;Column
                             label='E.mail'
                             dataKey='email'
                             width={width * 0.4}
                          /&gt;
                       &lt;/Table&gt;
                       )}
                    &lt;/AutoSizer&gt;
                 )}
              &lt;/InfiniteLoader&gt;
        &lt;/div&gt;
      )
    }
  }
  
  ReactDOM.render(
    &lt;App /&gt;,
    document.getElementById('app')
  )
  </code></pre>
  
  <p>Is there is any solution to achieve the reverse order?</p>