JSFiddle - React, Tailwind, and code Playground

HTML

<table>
         <tr>
            <td>This is the first div.
            </td>
            <td>This is the second div. This is the second div.This is the second div. This is the second div. This is the second div.
            </td>
          </tr>
</table>

CSS

table {
       table-layout: fixed;
       border-collapse: collapse;
       width: 100%;
}
    
table td {
      white-space: nowrap;
      border: none;
      padding: 0px;
      text-align: left;
      border-collapse: collapse;
      text-overflow: ellipsis;
      overflow: hidden;
}