JSFiddle - React, Tailwind, and code Playground

by cCarlson

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

<div id="cntnr">
<div class="tableHeader">
    <table class="table-header table table-striped table-bordered">
        <thead>
            <tr>
                <th>this</th>
                <th>transmission</th>
                <th>is</th>
                <th>coming</th>
                <th>to</th>
                <th>you</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>we've got it...</td>
                <td>alright you are go</td>
                <td>uh, we see the Earth now</td>
                <td>we've got it...</td>
                <td>alright you are go</td>
                <td>uh, we see the Earth now</td>
            </tr>
            <tr>
                <td>we've got it...</td>
                <td>alright you are go</td>
                <td>uh, we see the Earth now</td>
                <td>we've got it...</td>
                <td>alright you are go</td>
                <td>uh, we see the Earth now</td>
            </tr>
            <tr>
                <td>we've got it...</td>
                <td>alright you are go</td>
                <td>uh, we see the Earth now</td>
                <td>we've got it...</td>
                <td>alright you are go</td>
                <td>uh, we see the Earth now</td>
            </tr>
            <tr>
                <td>we've got it...</td>
                <td>alright you are go</td>
                <td>uh, we see the Earth now</td>
                <td>we've got it...</td>
                <td>alright you are go</td>
                <td>uh, we see the Earth now</td>
            </tr>
            <tr>
                <td>we've got it...</td>
                <td>alright you are go</td>
                <td>uh, we see the Earth now</td>
                <td>we've got it...</td>
               ...

CSS

#cntnr {
    width: auto;
    height: 200px;
    border: solid 1px #444;
    overflow: auto;
}

.tableHeader {
    position: fixed;
    height: 40px;
    overflow: hidden;
    margin-right: 18px;
    background: white;
}
.tableBody {}

.table-header {
    opacity: 1;
}

.table-header tbody {
    height: 0;
    visibility: hidden;
}

.table-body thead {
    height: 0;
    visibility: hidden;
}

.table-body {
    
}