JSFiddle - React, Tailwind, and code Playground

HTML

<div id="conteudo">
<table class="lista" width="40%">
    <thead class="clone_header">
        <tr>
            <th>Lorem</th>
            <th>ipsum</th>
            <th>dolor</th>        
        </tr>
    </thead>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>       
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>     
    </tr><tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>        
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>       
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>     
    </tr><tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>        
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>       
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>     
    </tr><tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>        
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>       
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>     
    </tr><tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>        
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>       
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>     
    </tr><tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>        
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>       
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>     
    </tr><tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>        
    </tr>
    <tr>
        <td>Lorem</td>
        <td>ipsum</td>
        <td>dolor</td>       
    </tr>
    <tr>
   ...

CSS

.lista {
    border-collapse:collapse;
    font-size:14px;
}
.lista td{
    border:1px solid #4F4F4F;
    border-spacing:2px;
    padding:2px;
}
.lista td a{
    color:#1555CC;
    text-decoration:none;
}

.clone{
    font-size:14px;
    border-spacing:0px;
}
.clone_header{    
    text-align:center;
    background-color:#F5F5F5;
    color:#222222;
    height:40px;
    padding-bottom:10px;
    border:1px solid #4F4F4F;
    
}
th{
    border-left:1px solid #4F4F4F;
    border-bottom:1px solid #4F4F4F;
}

JavaScript

function moveScroll() {
    var scroll = $(window).scrollTop();
    var anchor_top = $(".lista").offset().top;
    var anchor_bottom = $("#bottom_anchor").offset().top;
    if (scroll > anchor_top && scroll < anchor_bottom) {
        clone_table = $("#clone");
        if (clone_table.length == 0) {
            clone_table = $(".lista").clone();
            clone_table.attr('id', 'clone');
            clone_table.css({
                position: 'fixed',
                top: 0
            });
            clone_table.width($(".lista").width());
            $("#conteudo").append(clone_table);
            $("#clone").removeClass('lista');
            $("#clone").addClass('clone');
            $("#clone").css({
                visibility: 'hidden'
            });
            $("#clone .clone_header").css({
                'visibility': 'visible'
            });
        }
    } else {
        $("#clone").remove();
    }
}

$(window).scroll(moveScroll);