JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sim_gallery">
<table class="defaultList" id="gallery_list">
  <thead>
  <tr>
    <th class="check"><input type="checkbox" class="check_all" name="check_all"></th>
    <th class="id">ID</th>
    <th class="name">Name</th>
    <th class="thumbs"></th>
  </tr>
  </thead>


  <tbody><tr id="1">
    <td class="check"><input type="checkbox" name="check"></td>

    <td>1</td>

    <td class="td_name">
      <div class="actions">
        <div title="Update" class="iconset_16px update_sprite_bw_16px"></div>
        <div title="Settings" class="iconset_16px settings_sprite_bw_16px"></div>
        <div title="delete" class="iconset_16px delete_sprite_bw_16px"></div>
      </div>

      <div class="gal_name">
        <a title=" Adventure" href="http://celineengelstad.com/wp-admin/?galleryid=1"> Adventure</a>
      </div>

    </td><td>
      <div class="bilde floatLeft">Bilde 0</div>
<div class="bilde floatLeft">Bilde 1</div>
<div class="bilde floatLeft">Bilde 2</div>
    </td>
  </tr>

  
  <tr id="2">
    <td class="check"><input type="checkbox" name="check"></td>

    <td>2</td>

    <td class="td_name">
      <div class="actions">
        <div title="Update" class="floatLeft iconset_16px update_sprite_bw_16px"></div>
        <div title="Settings" class="floatLeft iconset_16px settings_sprite_bw_16px"></div>
        <div title="delete" class="floatLeft iconset_16px delete_sprite_bw_16px"></div>
      </div>

      <div class="gal_name">
        <a title=" All Saints" href="http://celineengelstad.com/wp-admin/?galleryid=2"> All Saints</a>
      </div>

    </td><td>
      <div class="bilde floatLeft">Bilde 0</div>
<div class="bilde floatLeft">Bilde 1</div>
<div class="bilde floatLeft">Bilde 2</div>
    </td>
  </tr>

  
</tbody></table>
</div>

CSS

.floatLeft  { float:left!important; }
.iconset_16px { display: inline-block;  position: relative; cursor: pointer; width: 16px; height: 16px; overlfow: hidden; vertical-align: middle;}


#sim_gallery { padding: 0px 0px; min-height: 400px; width: 800px; border: 1px solid #D1D2D1; }
#sim_gallery .listContainer h2 { margin-bottom: 10px; }

/* Default table list */
#sim_gallery .defaultList { width: 100%; }
#sim_gallery .defaultList thead th { background-color: #F5F5F5; color: #777; }
#sim_gallery .defaultList thead th:hover { background-color: #F5F5F5; }
#sim_gallery .defaultList tr:nth-child(odd) {background-color: #eff5fa; }
#sim_gallery .defaultList tr:hover {background-color: #FAF9E9; }
#sim_gallery .defaultList tr, #administration .defaultList th { padding: 10px; }
#sim_gallery .defaultList th { background-color: #fff; border-bottom: solid 1px #d1d2d1; }
#sim_gallery .defaultList tr { border-bottom: solid 1px #d1d2d1; }
#sim_gallery .defaultList td { padding: 0px 10px}


/* Gallery list
------------------------------------------------------------------------------*/

#sim_gallery .defaultList thead tr { line-height: 30px; }
#sim_gallery .defaultList tbody tr { line-height: 100px; }
#sim_gallery .defaultList tr.check { width: 20px; text-align: center; }
#sim_gallery .defaultList tr.id { width: 30px; text-align: center; }
#sim_gallery .defaultList tr th.name { width: 250px;}
#sim_gallery .defaultList tr th.thumbs { width: 550px; }
#sim_gallery .defaultList tr th.bilde { height: 80px; width: 80px; background-color: #fa8072; margin: 0px 10px ;}
#sim_gallery .defaultList tr .iconset_16px { margin-right: 5px; border: solid 1px red; }

#sim_gallery .defaultList tr td.name {  position: relative; width: 200px; height: 100px; }
#sim_gallery .defaultList tr td .actions { position: absolute; top: 0px; right: 0px; margin: 5px;}
#sim_gallery .defaultList tr div.gal_name {font-size: 1.4em; height: 20px; line-height: 20px; }

#sim_gallery #gallery_list tr td .bilde { height:...