Table headers position:sticky and border issue

Question

I have a table that I\'m trying to get sticky headers, following this article. Except my table style has the headers with a border at the top and bottom.

The part I

Answer 1

Don't use border-collapse and draw the lines as follows :

td, th {
    border-bottom: 1px solid grey;
    border-right: 1px solid grey;
}

table {
    border-spacing: 0px;
    border-left: 1px solid grey
}

th {
    background-color:#c5e8ec;
    position: sticky;
    position: -webkit-sticky;
    border-top: 1px solid grey;
    top:0;
}