g-o table

HTML

<table>
    <thead>
        <tr>
            <th><span>foo</span></th>
            <th><span>bar</span></th>
            <th><span>baz</span></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><span>foo</span></td>
            <td><span>bar</span></td>
            <td><span>baz</span></td>
        </tr>
    </tbody>
</table>

CSS

body {
    margin:10px;
}

table {
    border-collapse: collapse !important;
    border: 1px solid #ccc;
    width:100%;
}
thead {
    border-bottom: 1px solid #efefef;
    padding: 2px 0;
}

th {
    color: #fff;
    padding: 0.6em 0;
}

th::after,
 {float: left;
    content: "RRRRR";
    width:114px;
}
th span,
td span {
    padding-left:0.3em;
    padding-right:0.3em;
}