JSFiddle - React, Tailwind, and code Playground

HTML

max-width on the table is ignored when nowrap and text-overflow is present:
<table class="mytable">
<tr>
<td>short</td>
<td class="long-td">long long long long long long long long long long long long long long long long long long long long long long long long </td>
<td>short</td>
</tr>
</table>

CSS

td {
  border: 1px solid
}
.mytable {
  max-width: 400px;
}
.long-td {
  white-space: nowrap;
  text-overflow: ellipsis;
}