JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table-responsive">
            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
              <thead>
                <tr>
                <th>Faucet Name</th>
                <th>Created</th>
                <th>Users</th>        
                <th>Minutes</th>
                <th>satoshi</th>
                <th>Health</th>
                <th>Claim</th>
                </tr>
              </thead>
              <tfoot>
               <tr>
                <th>Faucet Name</th>
                <th>Created</th>
                <th>Users</th>        
                <th>Minutes</th>
                <th>satoshi</th>
                <th>Health</th>
                <th>Claim</th>
               </tr>
              </tfoot>
              <tbody>
                  <td><a href="http://exmple.io/balance/" target="_blank">name</a></td>
                  <td>2 months ago</td>
                  <td>120</td>
                  <td>60</td>
                  <td>90</td>
                  <td>100%</td>
                  <td><a href="http://exmple.io/balance/" target="_blank">claim</a></td>
                </tr>
        </tbody>    
        </table>