JSFiddle - React, Tailwind, and code Playground

by Osvaldo

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<div class="table-responsive">
    <table id="simple_table" class="table table-striped table-sm" style="margin: 2em 0 2em 0;">
        <caption>Esto es el pie de tabla</caption>

        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">First</th>
                <th scope="col">Last</th>
                <th scope="col">Handle</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">1</th>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
            <tr>
                <th scope="row">2</th>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
            </tr>
            <tr class="table-warning">
                <th scope="row">3</th>
                <td>Carol</td>
                <td>the cat</td>
                <td>@ccat</td>
            </tr>
            <tr>
                <th scope="row">4</th>
                <td>Ana</td>
                <td>the dolphin</td>
                <td>@anaw</td>
            </tr>
            <tr>
                <th scope="row">5</th>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
            </tr>
        </tbody>
    </table>
</div>