thead th {
    height: 40px;
    font-size:larger;

    text-align: left;
}

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

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


tbody {
    display:block;
    height: 560px;
    width:1500px;
    overflow-y: scroll;
    overflow-x: scroll;
}

td{
    width:100px;
}

tbody td, thead th {
    width: 16%;
    float: left;
}

tbody::-webkit-scrollbar{
width:10px;
background-color: ghostwhite;
}

tbody::-webkit-scrollbar-thumb{
background-color: darkgray;
border-radius:10px;
-webkit-box-shadow: 0 0 6px black inset;
}

tbody::-webkit-scrollbar-thumb:hover{
background-color:#bf4649;
border:1px solid #333333;
}

tbody::-webkit-scrollbar-thumb:active{
background-color:#a6393d;
border:1px solid #333333;
}

tbody::-webkit-scrollbar-track{
border:1px gray solid;
border-radius:10px;
-webkit-box-shadow:0 0 6px gray inset;
}