title: how to use Table pagination material-ui react js
body: <p>Hi I use react js and I'm new. I want to use <a href="https://material-ui.com/components/pagination/#table-pagination" rel="nofollow noreferrer">Table pagination</a> material-ui for a table that does not belong to material-ui.For example, I want 2 row per page.I use the reactStrap table. If possible, tell me how to do it.</p>
  
  <pre><code>  render() {
      const items = this.props.items.map(item =&gt; {
        return (
          &lt;tr key={item.id}&gt;
            &lt;td&gt;
              &lt;div style={{ width: "110px" }}&gt;
                &lt;Button
                  color="success"
                  buttonLabel="Edit"
                  item={item}
                  updateState={this.props.updateState}
                &gt;
                  Edit
                &lt;/Button&gt;
  
                &lt;Button color="danger" onClick={() =&gt; this.deleteItem(item.id)}&gt;
                  Del
                &lt;/Button&gt;
              &lt;/div&gt;
            &lt;/td&gt;
            &lt;th scope="row"&gt;{item.id}&lt;/th&gt;
            &lt;td&gt;{item.name}&lt;/td&gt;
            &lt;td&gt;{item.username}&lt;/td&gt;
            &lt;td&gt;{item.email}&lt;/td&gt;
          &lt;/tr&gt;
        );
      });
  
      return (
        &lt;div
          style={{
            maxHeight: "600px",
            overflowY: "auto"
          }}
        &gt;
          &lt;Table responsive hover&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;th&gt;Action&lt;/th&gt;
                &lt;th&gt;ID&lt;/th&gt;
                &lt;th&gt;name&lt;/th&gt;
                &lt;th&gt;username&lt;/th&gt;
                &lt;th&gt;email&lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;{items}&lt;/tbody&gt;
          &lt;/Table&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>You can see my table in <a href="https://codesandbox.io/s/heuristic-shape-xlzez?file=/src/DataTable.js" rel="nofollow noreferrer">CodeSandbox</a>.Thanks in advance for your answers</p>