JSFiddle - React, Tailwind, and code Playground

by Brett Gaynor

HTML

<style>
            table {
            border-collapse: collapse;
            border-spacing: 0;
            width: 100%;
            border: 1px solid #ddd;
            }

            th, td {
            text-align: left;
            padding: 8px;
            }

            tr:nth-child(even){background-color: #f2f2f2}
            </style>

            <div style="overflow-x:auto;">
            <table>
            <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Country</th>
            </tr>
            <tr>
            <td>Smith</td>
            <td>John</td>
            <td>Slovenia</td> </tr>
            </table>
            </div>