JSFiddle - React, Tailwind, and code Playground

by jasongennaro

HTML

<table id="ttable5" class="table-default" rules="groups">
        <thead>
        <tr>
            <th>Nombre</th>
                <th class="sort-date">Provincia</th>
            <th class="sort-digit">Municipio</th>
        </tr>
    </thead>
    <tbody>
        <tr id="first">

            <td class="tablaprim">1VESTIBULUM TORTOR NISL </td>
            <td>Sevilla</td>
            <td>Castilleja de la Cuesta</td>
        </tr>
        <tr>

            <td class="tablaprim">4VESTIBULUM TORTOR NISL </td>
            <td>Sevilla</td>
            <td>Castilleja de la Cuesta</td>
        </tr>
    </tbody>
</table>

CSS

table {background:pink; border:0; border-collapse:separate; border-spacing:0 5px;}
thead tr th{border-bottom: 1px solid red; border-collapse:separate; border-spacing:5px 5px;}
tbody tr#first td{border-top: 3px solid #4d4d4d; border-collapse:separate;  border-spacing:5px 5px;}