JSFiddle - React, Tailwind, and code Playground

HTML

<span>
    Page:
    1
    <a href="2">2</a>
    <a href="3">3</a>
    <a href="4">4</a>
    <a href="5">5</a>
</span>
<br></br>
<span style="float: left;">
    Rows per page:
    <a href="10">10</a>
    <a href="20">20</a>
    <a href="50">50</a>
    <a href="100">100</a>
    <input size="3"></input>
    <button>Set</button>
</span>
<span style="float: right;">Displayed results: N</span>
<table width="100%">
    <tr>
        <td>Row 1 Cell 1</td>
        <td>Row 1 Cell 2</td>
        <td>Row 1 Cell 3</td>
    </tr>
    
    <tr>
        <td>Row 2 Cell 1</td>
        <td>Row 2 Cell 2</td>
        <td>Row 2 Cell 3</td>
    </tr>
    
    <tr>
        <td>Row 3 Cell 1</td>
        <td>Row 3 Cell 2</td>
        <td>Row 3 Cell 3</td>
    </tr>
</table>

CSS

td {
    border: 1px solid #d0d0d0;
    padding: 1px;
    margin: 0px;
}