JSFiddle - React, Tailwind, and code Playground

by mamezito

HTML

<div class="parent">
<table>
<tr>

    <td><div><input type="checkbox"></div></td>
  <td><div>Hello there triangles</div></td>
  <td><div>Yes</div></td>
  <td><div>Monday 9-October-2017 12:24</div></td>
  <td><div>Monday 9-October-2017 12:24</div></td>
  <td><div>Monday 9-October-2017 12:24</div></td>
  <td><div>Monday 9-October-2017 12:24</div></td>
  <td><div>Monday 9-October-2017 12:24</div></td>
  
  <td><div>[email protected]</div></td>
</tr>
</table>

</div>

CSS

.parent
{
  width:500px;
  background:#ffcc00;
}

td
{
  background:#ccc;
  padding:5px;
}
td div
{
    overflow: hidden;
    text-overflow: ellipsis;
}