The table tbody in HTML can slide up and down and left and right

<div class="table_box_big">
<div class="table_box">
    <table>
        <thead>
        <tr>
            <th><div>Title 1</div></th>
            <th><div>Title 2</div></th>
            <th><div>Title Three</div></th>
            <th><div>Title Title Title Title Title Title Title Title Title Title 4</div></th>
            <th><div>Title Title Title Title Title Title Title Title Title Title Five</div></th>
            <th><div>Title Title Title Title Title Title Title Title Title Title Six</div></th>
        </tr>
        </thead>
    </table>
    <div class="table_tbody_box">
        <table>
            <tr>
                <td>Information 1</td>
                <td>Information 2</td>
                <td>Information Three</td>
                <td>Information Information Information Information Information Information Information Information Information Four</td>
                <td>Information Information Information Information Information Information Information Information Information Five</td>
                <td>Information information information information information information information information information information six</td>
            </tr>
            <tr>
                <td>Information 1</td>
                <td>Information 2</td>
                <td>Information Three</td>
                <td>Information Information Information Information Information Information Information Information Information Four</td>
                <td>Information Information Information Information Information Information Information Information Information Five</td>
                <td>Information information information information information information information information information information six</td>
            </tr>
            <tr>
                <td>Information 1</td>
                <td>Information 2</td>
                <td>Information Three</td>
                <td>Information Information Information Information Information Information Information Information Information Four</td>
                <td>Information Information Information Information Information Information Information Information Information Five</td>
                <td>Information information information information information information information information information information six</td>
            </tr>
            <tr>
                <td>Information 1</td>
                <td>Information 2</td>
                <td>Information Three</td>
                <td>Information Information Information Information Information Information Information Information Information Four</td>
                <td>Information Information Information Information Information Information Information Information Information Five</td>
                <td>Information information information information information information information information information information six</td>
            </tr>
            <tr>
                <td>Information 1</td>
                <td>Information 2</td>
                <td>Information Three</td>
                <td>Information Information Information Information Information Information Information Information Information Four</td>
                <td>Information Information Information Information Information Information Information Information Information Five</td>
                <td>Information information information information information information information information information information six</td>
            </tr>
            <tr>
                <td>Information 1</td>
                <td>Information 2</td>
                <td>Information Three</td>
                <td>Information Information Information Information Information Information Information Information Information Four</td>
                <td>Information Information Information Information Information Information Information Information Information Five</td>
                <td>Information information information information information information information information information information six</td>
            </tr>
            <tr>
                <td>Information 1</td>
                <td>Information 2</td>
                <td>Information Three</td>
                <td>Information Information Information Information Information Information Information Information Information Four</td>
                <td>Information Information Information Information Information Information Information Information Information Five</td>
                <td>Information information information information information information information information information information six</td>
            </tr>
            <tr>
                <td>Information 1</td>
                <td>Information 2</td>
                <td>Information Three</td>
                <td>Information Information Information Information Information Information Information Information Information Four</td>
                <td>Information Information Information Information Information Information Information Information Information Five</td>
                <td>Information information information information information information information information information information six</td>
            </tr>
        </table>
    </div>
</div>

.table_box_big {
 overflow-x: scroll;
 overflow-y: hidden;
 position: relative;
 height: 350px;
}
.table_box {
 overflow: hidden;
 position: absolute;
}
.table_tbody_box {
 height: 300px;
 overflow: scroll;
}
table {
 border: 1px solid #eeeeee;
}
table thead tr th {
 width: 80px;
 height: 50px;
 border-right: 1px solid #eeeeee;
 text-align: center;
 word-break: keep-all;
 padding: 2px 10px;
 background: skyblue;
}
table tbody tr td {
 width: 80px;
 height: 50px;
 border-right: 1px solid #eeeeee;
 text-align: center;
 border-bottom: 1px solid #eeeeee;
 word-break: keep-all;
 padding: 2px 10px;
}