scrolling table ? , nop, tbody maybe :)

dabblet.css

/* scrolling table ? , nop, tbody maybe :) */

table {
width:600px;margin:3em auto;
text-align:center;
display:block;border-spacing:0;
background:#EFEFEF;
border:solid 1px;
padding:0 0 1.05em 1.05em;
}
thead,tfoot , tr ,caption{display:table;width:100%;}
thead,tfoot {box-sizing:border-box;padding-right:1.05em;background:#EFEFEF;box-shadow:0 0 5px  black;position:relative;}

th, td {border:solid 1px;padding:10px;}
tbody {display:block;height:200px; overflow:auto;background:#def;}

dabblet.html

<table>
<caption>Scrolling table</caption>
<thead><tr><th> header</th><th> header</th><th> header</th><th> header</th></tr></thead>
<tbody>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
<tr><td> Cell </td><td> Cell </td><td> Cell </td><td> Cell </td></tr>
</tbody>
<tfoot><tr><td> Footer </td><td> Footer </td><td> Footer </td><td> Footer </td></tr></tfoot>
</table>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}