JSFiddle - React, Tailwind, and code Playground

by marcsmith

HTML

<table>
    <caption>Stats Table!</caption>
    <thead>
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    </thead>

    <tfoot>
        <tr>
            <td colspan="3">
                <a href="">prev pg</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">next pg</a>
            </td>
        </tr>
    </tfoot>

    <tbody>
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
        </tr>
        <tr>
            <td>x</td>
            <td>y</td>
            <td>z</td>
        </tr>
    </tbody>

</table>

CSS

table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin: 0;
    text-align: center;
}
table thead th {
    background-color: #333;
    color: white;
}
table thead th, table tbody td {
    border: solid 1px black;
    padding: 0;
    margin: 0;
}