JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
<td class="left">&nbsp;</td>
<td class="center">Колонка 2 - автоматическая ширина</td>
<td class="right">Колонка 3 с более длинным контентом</td>
</tr>
</table>

CSS

table { width: 100% }
td{
    border:1px solid #bbb;
}
.center{
    width: auto;
}
.left, .right{
     width:50%;
}