JSFiddle - React, Tailwind, and code Playground

by andy_h

HTML

<table>
    <tr>
        <td class="first-cell">varible lenght content</td>
        <td class="second-cell">some content</td>
    </tr>
    <tr>
        <td class="first-cell">varible lenght content</td>
        <td class="second-cell">some content</td>
    </tr>
</table>

CSS

table{margin:3%}
tr{padding:0 10px 0 0;}
.first-cell{width:auto; white-space: nowrap;}
.second-cell{width:100%}
td{border:1px solid #888; padding:10px;}

JavaScript

//table test