JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table_admin">
    <thead>
        <tr>
            <th class="first">Name</th>
            <th class="second">Session</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td>Name</td>
            <td>Session</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>Max Mustermann</td>
            <td>23.08.2011</td>
        </tr>
        <tr>
            <td>Fuck Yeah</td>
            <td>21.08.2010</td>
        </tr>
        <tr>
            <td>dsf dsfsfsdfsdf</td>
            <td>11.03.2006</td>
        </tr>
    </tbody>
</table>

CSS

.first
{
width:66.66%;
}

.second
{
width:33.33%;
}

/* table admin */

.table_admin
{
    -moz-box-shadow: 0 0 3px #c6c6c6;
    -webkit-box-shadow: 0 0 3px #c6c6c6;
    box-shadow: 0 0 3px #c6c6c6;
    display: block;
    text-align: left;
}

.table_admin td, .table_admin th
{
    padding: 0.75em;
}

.table_admin td:last-child, .table_admin th:last-child
{
    text-align: right;
}

/* table admin body */

.table_admin tbody
{
    background: #e2e2e2;
    border: solid #ebebeb;
    border-width: 0 1px;
}

.table_admin tbody tr
{
    border-bottom: 1px solid #ebebeb;
}

.table_admin tbody tr:hover
{
    background: #ddd;
}

.table_admin tbody tr:last-child
{
    border-bottom: 0;
}

/* table admin disabled body */

.table_admin tbody .disabled
{
    background: #ddd;
    color: #b0b0b0;
}

/* table admin sections */

.table_admin tfoot, .table_admin thead
{
    background: #c1c1c1;
    background: -moz-linear-gradient(top, #c1c1c1, #b6b6b6 50%, #b0b0b0 50%, #ababab);
    background: -ms-linear-gradient(top, #c1c1c1, #b6b6b6 50%, #b0b0b0 50%, #ababab);
    background: -o-linear-gradient(top, #c1c1c1, #b6b6b6 50%, #b0b0b0 50%, #ababab);
    background: -webkit-linear-gradient(top, #c1c1c1, #b6b6b6 50%, #b0b0b0 50%, #ababab);
    border: 1px solid #9e9e9e;
    color: #fff;
    font: 1em 'trebuchet ms', arial;
    text-shadow: 0 1px #777;
    text-transform: uppercase;
}

/* table admin list control */

.table_admin .list_control
{
    margin-top: 1em;
    visibility: hidden;
}

.table_admin .list_control li
{
    float: left;
    font: 0.75em arial;
    margin: 0.25em;
    text-transform: uppercase;
}

.table_admin .list_control a
{
    -moz-border-radius: 0.25em;
    -moz-box-shadow: inset 0 1px #dadada, inset -1px 0 #dadada, inset 0 -1px #dadada, inset 1px 0 #dadada;
    -webkit-border-radius: 0.25em;
    -webkit-box-shadow: inset 0 1px #dadada, inset -1px 0 #dadada, inset 0 -1px #dadada, inset 1px 0 #dadada;
    background: #ddd;
    background:...