JSFiddle - React, Tailwind, and code Playground

HTML

<table class="list" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th><a href="clients.php?order=knamn">Namn</a></th>
    <th>Org-nr</th>
    <th>Kontakt person</th>
    <th>E-mail</th>
    <th>Telefon</th>

    <th><a href="clients.php?order=amount">A. Abon.</a></th>
    <th>Åtgärd</th>
  </tr>
  <tr>
    <td>Mobile Store</td>
    <td>5566764360</td>
    <td>Tolga</td>

    <td>ej angivet</td>
    <td>0708708033</td>
    <td>7</td>
    <td>
        <a class="tooltip" href="portal.php?kund=15"><img src="../images/info.png" width="16" height="16" alt="Sammanfattning"><span>Sammanfattning</span></a>
        <a class="tooltip" href="clients.php?edit=15"><img src="../images/edit.png" width="16" height="16" alt="Ändra kund"><span>Ändra kund</span></a>

        <a class="tooltip" href="abo.php?add=15"><img src="../images/add.png"width="16" height="16" alt="Lägg till abonnemang"><span>Lägg till abonnemang</span></a>
        <a rel="confirm" class="tooltip" href="reg.php?del=15"><img src="../images/del.png" width="16" height="16" alt="Radera kund"><span>Radera kund</span></a>
    </td>
  </tr>


  <tr>
    <td>Silver</td>

    <td>9696483057</td>
    <td>Ulf Berlin</td>
    <td>ej angivet</td>
    <td>08562</td>
    <td>1</td>
    <td>

        <a class="tooltip" href="portal.php?kund=17"><img src="../images/info.png" width="16" height="16" alt="Sammanfattning"><span>Sammanfattning</span></a>
        <a class="tooltip" href="clients.php?edit=17"><img src="../images/edit.png" width="16" height="16" alt="Ändra kund"><span>Ändra kund</span></a>
        <a class="tooltip" href="abo.php?add=17"><img src="../images/add.png"width="16" height="16" alt="Lägg till abonnemang"><span>Lägg till abonnemang</span></a>
        <a rel="confirm" class="tooltip" href="reg.php?del=17"><img src="../images/del.png" width="16" height="16" alt="Radera kund"><span>Radera kund</span></a>
    </td>
  </tr>

  <tr>
    <td>Kalle</td>
    <td>999999999</td>
    <td>Kalle...