JSFiddle - React, Tailwind, and code Playground

by MaryGG

HTML

<table>
      <tr>
        <td>
          <input type="checkbox" />
        </td>
        <td>
          ID001
        </td>
        <td>
          Long-text-I-want-to-overflow-without-making-the-other-columns-wider-Long-text-I-want-to-overflow-without-making-the-other-columns-wider-Long-text-I-want-to-overflow-without-making-the-other-columns-wider-Long-text-I-want-to-overflow-without-making-the-other-columns-wider-
        </td>
      </tr>
    </table>

CSS

table {
      width: 100%;
    }
    table td {
      border: 1px solid #ccc;
      max-width: 1px;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }