JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>АРБУЗ</td>
        <td>СЕМЕЧКИ</td>
    </tr>
    <tr>
        <td>БОЛЬШОЙ АРБУЗ</td>
        <td>СЕМЕЧКИ</td>
    </tr>
</table>

CSS

table {
    width: 50%;
    border-collapse: collapse;
}
td:first-child {
    white-space: nowrap;
    overflow: hidden;
}
td:first-child:after {
    display: inline-block;
    width: 100%;
    content: '';
    border-bottom: 1px dashed #999;
}