JSFiddle - React, Tailwind, and code Playground

by oussama_he

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
<table class="table table-striped">
  <thead class="table-dark">
    <tr>
      <th>Month</th>
      <th>Tasks</th>
      <th>Projects</th>
      <th>Sessions</th>
      <th>Duration</th>
    </tr>
  </thead>
  <tbody>

    <tr>
      <td>January</td>
      <td>18</td>
      <td></td>
      <td><i class="fa fa-check-circle text-success"></i> 8 <i class="fa fa-times-circle text-danger ml-2"></i> 18
      </td>
      <td>07h 15m</td>
    </tr>

    <tr>
      <td>February</td>
      <td>35</td>
      <td></td>
      <td><i class="fa fa-check-circle text-success"></i> 18 <i class="fa fa-times-circle text-danger ml-2"></i> 32
      </td>
      <td>13h 42m</td>
    </tr>

    <tr>
      <td>March</td>
      <td>19</td>
      <td></td>
      <td><i class="fa fa-check-circle text-success"></i> 101 <i class="fa fa-times-circle text-danger ml-2"></i> 60
      </td>
      <td>53h 32m</td>
    </tr>

    <tr>
      <td>April</td>
      <td>23</td>
      <td></td>
      <td><i class="fa fa-check-circle text-success"></i> 28 <i class="fa fa-times-circle text-danger ml-2"></i> 20
      </td>
      <td>15h 33m</td>
    </tr>

    <tr>
      <td>May</td>
      <td>12</td>
      <td></td>
      <td><i class="fa fa-check-circle text-success"></i> 10 <i class="fa fa-times-circle text-danger ml-2"></i> 2
      </td>
      <td>04h 29m</td>
    </tr>

    <tr>
      <td>June</td>
      <td>16</td>
      <td></td>
      <td><i class="fa fa-check-circle text-success"></i> 48 <i class="fa fa-times-circle text-danger ml-2"></i> 32
      </td>
      <td>27h 26m</td>
    </tr>

    <tr>
    ...