JSFiddle - React, Tailwind, and code Playground

by fritzdenim

HTML

<div>
    <dl>
        <dt class="fixed-column">Column1</dt>
        <dt class="fixed-column">Column2</dt>
        <dt>Column3</dt>
    </dl>
</div>

CSS

div {
    display: table;
}
dl {
    float: left;
    display: table-row;
    border: 1px solid #afafaf;
}
dt {
    float:left;
    display: table-cell;
    width: calc(100% - 500px);
}
dt.fixed-column {
    float:left;
    width: 100px;
}