JSFiddle - React, Tailwind, and code Playground

by DOSBeats

HTML

<table>
    <thead>
        <th></th>
        <th>Store</th>
        <th>Pricing</th>
        <th>Shipping</th>
        <th>Total</th>
        <th></th>
        <th></th>
    </thead>

    <tbody>
        <tr>
            <td class="empty"></td>
            <td>Logo</td>
            <td>$0.00</td>
            <td>$9.99</td>
            <td>$1000.00</td>
            <td>Get Details</td>
            <td class="empty"></td>
        </tr>
        <tr>
            <td class="empty"></td>
            <td>Logo</td>
            <td>$0.00</td>
            <td>$9.99</td>
            <td>$1000.00</td>
            <td>Get Details</td>
            <td class="empty"></td>
        </tr>
        <tr>
            <td class="empty"></td>
            <td>Logo</td>
            <td>$0.00</td>
            <td>$9.99</td>
            <td>$1000.00</td>
            <td>Get Details</td>
            <td class="empty"></td>
        </tr>
    </tbody>
</table>

CSS

table { border:1px solid #ccc; }
td, th { border-top:1px solid #ccc; padding:10px; }
.empty { border-top:none; }