JSFiddle - React, Tailwind, and code Playground

HTML

Fixed table and td:
<table class="fixed">
  <tr>
      <td class="fixed" title="Some long long long long label">Some long long long long label</td>
      <td><input placeholder="test"/></td>
  </tr>
</table>

<br>

Fixed table and label:
<table class="fixed">
  <tr>
      <td><span id="mainbody:editDeviationReport:listDynTable:0:contentj_id120 title='My tip'">Anspruch Schwerbehin...</span></td>
  </tr>
</table>

CSS

table.fixed {
  width:200px; 
    table-layout:fixed; 
    white-space: nowrap; 
}

td.fixed, label.fixed {
  width: 100px; 
    max-width: 100px; 
    overflow: hidden; 
    text-overflow:ellipsis; 
    white-space: nowrap;  
}

label.fixed {
    display: block;
}