JSFiddle - React, Tailwind, and code Playground

by mariomc

HTML

<link rel="stylesheet" href="http://cdn.ink.sapo.pt/2.2.1/css/ink-min.css">
<table class="ink-table bordered alternating hover">
                        <thead>
                            <tr>
                                <th class="content-left">ID</th>
                                <th class="content-left">Product name</th>
                                <th class="content-left">Product price</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="ink-label info">
               
  <td>24</td>
                                <td>Twin color basketball shoe</td>
                                <td>€26,00</td>
                            </tr>
                            <tr class="ink-label info">
                                <td>13</td>
                                <td>Cast iron waffle maker</td>
                                <td>€158,00</td>
                            </tr>
                            <tr class="ink-label info">
                                <td>55</td>
                                <td>Sports duffle bag</td>
                                <td>€15,00</td>
                            </tr>
                            <tr class="ink-label info">
                                <td>23</td>
                                <td>Some stuff </td>
                                <td>€489,00</td>
                            </tr>
                            <tr class="ink-label info">
                                <td>24</td>
                                <td>Twin color basketball shoe</td>
                                <td>€26,00</td>
                            </tr>
                        </tbody>
                    </table>