Table with Sticky Column

Table with Sticky Column

HTML

<div>
    <table>
        <thead>
            <tr>
                <th class="sticky">Name</th>
                <th>Helpful Services</th>
                <th>State</th>
                <th>City</th>
                <th>Phone</th>
                <th>URL</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="sticky">First Name</td>
                <td>Math</td>
                <td>CO</td>
                <td>San Francisco</td>
                <td>123-456-7890</td>
                <td>http://somewhere.com</td>
            </tr>
            <tr>
                <td class="sticky">Second Name</td>
                <td>Reading</td>
                <td>NY</td>
                <td>New York City</td>
                <td>123-456-7890</td>
                <td>http://somewhere.com</td>
            </tr>
            <tr>
                <td class="sticky">Third Name</td>
                <td>Art</td>
                <td>IL</td>
                <td>Chicago</td>
                <td>123-456-7890</td>
                <td>http://somewhere.com</td>
            </tr> 
            <tr>
                <td class="sticky">Four Name</td>
                <td>Programming</td>
                <td>IL</td>
                <td>Chicago</td>
                <td>123-456-7890</td>
                <td>http://somewhere.com</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

div {
    width: 100%;
    border: 1px solid #000000;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

table {
    border-collapse: seperate;
    border-spacing: 0;
    margin-left: 5em;
}

thead, tbody, tr {
    vertical-align: middle;
}

th {
    font-weight: bold;
    padding: 2px 4px;
    background-color: #676767;
    color: #FFFFFF
}

td {
    padding: 2px 4px;
}

tbody tr:nth-child(even) td {
    background-color: #cccccc;
}

tbody tr td {
    background-color: white;
}

.sticky {
    position: absolute;
    left: 0;
    width:70px;
    margin-left: 9px;
    border-right:solid 1px gray;
}