JSFiddle - React, Tailwind, and code Playground

by Giovanni Lovato

HTML

<link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">
<table class="table">
    <thead>
        <tr>
            <th>First column</th>
            <th>Second column</th>
            <th>Third column</th>
        </tr>
        <tr>
            <td>
                <input class="form-control" type="search" placeholder="Filter first column"/>
            </td>
            <td>
                <input class="form-control" type="search" placeholder="Filter second column"/>
            </td>
            <td>
                <input class="form-control" type="search" placeholder="Filter third column"/>
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Data…</td>
            <td>Data…</td>
            <td>Data…</td>
        </tr>
        <tr>
            <td>Data…</td>
            <td>Data…</td>
            <td>Data…</td>
        </tr>
    </tbody>
</table>

<table class="table">
    <thead>
        <tr>
            <th>First column</th>
            <th>Second column</th>
            <th>Third column</th>
        </tr>
        <tr>
            <td>
                <input class="form-control" type="text" placeholder="Filter first column"/>
            </td>
            <td>
                <input class="form-control" type="text" placeholder="Filter second column"/>
            </td>
            <td>
                <input class="form-control" type="text" placeholder="Filter third column"/>
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Data…</td>
            <td>Data…</td>
            <td>Data…</td>
        </tr>
        <tr>
            <td>Data…</td>
            <td>Data…</td>
            <td>Data…</td>
        </tr>
    </tbody>
</table>