Header Not Scrolling with rest of the table

The header does not scroll with the rest of the table

I have this CSS code but it doesnt matter because if i remove it it still does the same thing

also is there a way to make say 3 of the four columns the same width?

.tablepress th,
.tablepress td {
border: 1px solid #cccccc;
}

.entry .tablepress thead th,
.entry .tablepress tfoot th {
background-color: #f9e79f;
}

.tablepress img.aligncenter {
margin: 0 auto;
}

.tablepress .column-1 {
width: 125px;
}

These are the only two boxes checked for the tables:

Offer the following functions for site visitors with this table:

<label class=”components-checkbox-control__label” for=”inspector-checkbox-control-10″>Enable horizontal scrolling, to make viewing tables with many columns easier.</label>

The page I need help with: [log in to see the link]