JSFiddle - React, Tailwind, and code Playground

by qolami

HTML

<table cellpadding="0" cellspacing="0" style="width:752px;" class="table">
    <thead>
        <tr>
            <th style="width:40px;">ID</th>
            <th>Post title</th>
            <th>Date</th>
            <th>Owner</th>
            <th style="width:100px;">Actions</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="5"></td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>1</td>
            <td>Test</td>
            <td>16.7.2013</td>
            <td>Admin</td>
            <td>Delete</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Test 2</td>
            <td>3.8.2013</td>
            <td>Admin</td>
            <td>Delete</td>
        </tr>        
    </tbody>
</table>

CSS

.table tr th {
	color:#929191;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	padding-left:19px;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
}

.table tr th:last-child {
	border-right:none;
}

.table tr td {
	color:#929191;
	font-weight:bold;
	font-size:12px;
	padding:19px;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
}

.table tr td:last-child {
	border-right:none;
}

.table tbody tr:last-child td {
	border-bottom:none;
	background:red;
}

.table tbody tr td:first-child {
	text-align:center;
}
.table tr th:first-child {
	text-align:center;
	padding-left:0px;
}

.table tfoot td {
	border-right:none;
	border-bottom:none;
}