title: use pagination with react-bootstrap table
body: <p>I am building a basic react app using create-react-app and react-bootstrap. I am using a table to show information using  from react-bootstrap <a href="https://react-bootstrap.github.io/components/table/" rel="nofollow noreferrer">https://react-bootstrap.github.io/components/table/</a>. I am trying to get pagination working for the table and I am not sure how to get around it to work with table. Following is a code snippet of my component, I have added the pagination code-piece from react-bootstrap which just displays the pagination footer at the bottom but doesn't actually paginate the results.
  App.js</p>
  
  <pre><code>import React, { Component } from 'react';
  import Table from 'react-bootstrap/lib/Table';
  import Pagination from 'react-bootstrap/lib/Pagination';
  
  export class App extends Component {
  
  renderList() {
    return(
      &lt;Table striped hover bordered condensed&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;Name&lt;/th&gt;
            &lt;th&gt;Description&lt;/th&gt;
            &lt;th&gt;Forks&lt;/th&gt;
            &lt;th&gt;Clone URL&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          {this.state.response.map((object) =&gt; {
            return (
              &lt;tr&gt;
                &lt;td&gt;&lt;a onClick={this.handleClick.bind(this,object)}&gt;{object.name} &lt;/a&gt;&lt;/td&gt;
                &lt;td&gt;{object.description}&lt;/td&gt;
                &lt;td&gt;&lt;Glyphicon glyph="cutlery" /&gt; {object.forks_count}&lt;/td&gt;
                &lt;td&gt;{object.clone_url}&lt;/td&gt;
              &lt;/tr&gt;
            );
          })}
          &lt;/tbody&gt;
        &lt;/Table&gt;
      );
    }
  
    renderPagination() {
      let items = [];
      for (let number = 1; number &lt;= 10; number++) {
        items.push(
         &lt;Pagination.Item&gt;{number}&lt;/Pagination.Item&gt;
        );
      }
      return (
        &lt;Pagination bsSize="small"&gt;{items}&lt;/Pagination&gt;
      );
    }
  
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;header className="App-header"&gt;
            &lt;img src={logo} className="App-logo" alt="logo" /&gt;
            &lt;h1 className="App-title"&gt;Netflix Repositories&lt;/h1&gt;
          &lt;/header&gt;
          {this.renderList()}
          &lt;CommitList ref={(ref) =&gt; this.commitList = ref} 
            show={this.state.show}
            commits={this.state.commits} /&gt;
          {this.renderPagination()}
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>How do I paginate the results on the table?</p>