JSFiddle - React, Tailwind, and code Playground

by antouank

HTML

<div>
    <table>
        <thead>
            <th>column A</th>
            <th>column B</th>
        </thead>
        <tbody>
            <tr>
                <td>field a</td>
                <td>long long long field B</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

div {
    width: 100%;
}

table {
    border: 1px solid #666;
}

th, td {
    white-space: nowrap;
    overflow: hidden;
}

/* Force table to not be like tables anymore */
table, thead, tbody, tr { 
    display: block; 
}
th, td {   
    display: inline-block;
}