JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

table { width: 100%;}
td{
    border:1px solid #bbb;
}
.center{
    width: auto;
}
.left, .right{
     width: 50%;
    min-width: 0;
word-break: break-all;
   
}