JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
  <td id="tablecell">
    <div id="asd">
      test
    </div>
    <div id="qwe">
      1234123
    </div>
    <div id="yxc">
      long text this is
    </div>
  </td>
</tr>
</table>

CSS

#asd {
  width: 4em;
  display: table-cell;
}
#qwe {
  width: 4em;
  display: table-cell;
}
#yxc {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#tablecell {
  width: 10em;
  border: solid;
}