js实现表头不动，表格内容无限循环滚动

表头不动，只有内容无限循环滚动，代码如下：
html部分：

<div class="content">
    <div class="header">
        <div>组织排名</div>
        <div>组织名称</div>
        <div>组织积分</div>
    </div>
    <div class="data">
        <div class="data-content">
            <table class="table">

            </table>
        </div>
        <div class="data-footer"></div>
    </div>

css部分：

  .table{
        width: 100%;
    }
    .content {
        width: 434px;
        height: 182px;
        outline: 1px solid #e5e5e5;
        overflow: hidden;
    }
    .data-content tr:nth-child(odd){
        background-color: #f6fafd;
    }
    .data-content tr:nth-child(even){
        background-color: #ffffff;
    }
    .data {
        height: 180px;
        overflow: hidden;
    }
    .header {
        line-height: 30px;
        padding-left: 16px;
        padding-right: 16px;
        background-color: #e9eef4;
        display: flex;
        justify-content: space-between;
    }
    .rows{
        padding: 0;
        height: 38px;
        text-align: center;
        line-height: 38px;
    }
    .table tbody tr{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between; 
    }

js部分：

<script src="./jquery-1.12.4.js"></script>
        <script>
         let html = '';
            for (let i = 0; i < 15; i++) {
                html += "<tr>";
                html += `<td style='padding-left:20px;'>${i + 1}</td>`;
                html += "<td>组织名称</td>"
                html += "<td style='padding-right:20px;'>1234</td>";
                html += "</tr>";
            }
            $('.table').html(html);
            $('table td').addClass('rows');
            let dataDOM = $('.data')[0];
            let dataContentDOM = $('.data-content')[0];
            let dataFooterDOM = $('.data-footer')[0];
            let height = dataDOM.offsetTop + 				 dataDOM.offsetHeight;
            setInterval(function () {
                // 887-0-579
                if (dataFooterDOM.offsetTop -               dataDOM.scrollTop - height <= 0) {
                    dataDOM.scrollTop -= dataContentDOM.offsetHeight;
                } else {
                    dataDOM.scrollTop++;
                }
            }, 30);
        </script>