JSFiddle - React, Tailwind, and code Playground

by vasi_32

HTML

<table>
 <tr>
 <td>sjrgksuhgbsgfvbuy</td>
 <td>efsfe</td>
 <td>uioehfvugbfigyfgasuyfutasycj</td>
 <td>jkertfop</td>
 </tr>
<tr>
 <td>sjrgksuhgbsgfvbuy</td>
 <td>efsfe</td>
 <td>uioehfvugbfigyfgasuyfutasycj</td>
 <td>jkertfop</td>
 </tr>
 <tr>
 <td>sjrgksuhgbsgfvbuy</td>
 <td>efsfe</td>
 <td>uioehfvugbfigyfgasuyfutasycj</td>
 <td>jkertfop</td>
 </tr>
 <tr>
 <td>sjrgksuhgbsgfvbuy</td>
 <td>efsfe</td>
 <td>uioehfvugbfigyfgasuyfutasycj</td>
 <td>jkertfop</td>
 </tr>


</table>

CSS

table,tr,td{
border:1px solid black;
}
td{
max-width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;;
}