JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<table border="1" width="400" style='table-layout:fixed'>
  <col width="67">
  <col width="75">
  <col width="41">
  <tr>
    <td>First Column</td>
    <td>Second Column</td>
    <td>Third Column</td>
  </tr>
  <tr>
    <td>Row 1</td>
    <td>Text</td>
    <td align="right">1</td>
  </tr>
  <tr>
    <td>Row 2</td>
    <td>Abcdefg</td>
    <td align="right">123</td>
  </tr>
  <tr>
    <td>Row 3</td>
    <td>Abcdefghijklmnop</td>
    <td align="right">123456</td>
  </tr>
  <tr>
    <td>Row 4</td>
    <td>Abcdefghijklmnop</td>
      <td align="right"><img src="http://news.images.itv.com/image/file/402260/image_update_img.jpg"/></td>
  </tr>
</table>

CSS

td {overflow: hidden;}