Table tbody scroll

by Alvin Olavarrieta

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<table class="table">
    <thead>
    <tr>
        <th>Time</th>
        <th>Email Address</th>
        <th>Position</th>
    </tr>
    </thead>
    <tbody>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
            <td>[email protected]</td>
            <td>Warehouse</td>
        </tr>
        <tr>
            <td>01:24 PM</td>
           ...

CSS

.table {
    width: 600px;
    margin: 20px 0 0 20px;
}

.table thead,
.table tbody,
.table tr,
.table td,
.table th {
    display: block;
}

.table tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.table tbody td,
.table thead th {
    width: 194px;
    float: left;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 5px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.table > thead > tr > th {
    border: none;
}

.table tbody {
    height: 200px;
    overflow-y: auto;
}