JSFiddle - React, Tailwind, and code Playground

by ongisnade

HTML

<table border="1" cellpadding="5" cellspacing="0">
    <tr>
        <th>  Day </th>
        <th>  Task </th>        
        <th>  Delete</th>
    </tr>
     <tr>
        <td>  Monday </td>
        <td>  Test Item </td>        
        <td>  X Delete</td>
    </tr>
    <tr>
        <td>  Tuesday </td>
        <td>  Tuesday Item </td>       
        <td>  X Delete</td>
    </tr>
     <tr>
        <td>  Wednesday</td>
        <td>  Wednesday Item </td>       
        <td>  X Delete</td>
    </tr>
</table>

CSS

td
{
white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}