JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0">
    <tr>
        <td>Row 1</td>
        <td><button>Button 1</button></td>
    </tr>
    <tr>
        <td>Row 2</td>
        <td><button>Button 2</button></td>
    </tr>
    <tr>
        <td>Row 3</td>
        <td><button>Button 3</button></td>
    </tr>
</table>

CSS

table, tr, td, .div {
 /* Try to contain absolutely positioned elements */
 position:relative;
}

button {
 position:absolute;
 top:0;
 right:0;   
}

/* Added this */
    table, tr, td{
        width: 100%;
    }
    tr {
     background:#cde;
     float: left;
     clear: both;
    }

.table {
 display:table;
}
.tr {
 display:table-row;
}
.td {
 display:table-cell;
}

/* Non essential styles */
.div, td, .td {
 background:#cde;
 border-bottom:1px solid #ccc;
 padding:1em; 
}