bootstrap-table列表如何把表头和最底下的分页固定住？

Question

问题遇到的现象和发生背景

公司项目换页面框架 我这个列表需要吧表头和分页按钮固定住，但是我在网上没有找的正确的解决方案

    <div class="iq-card-body pre-scrollable" >
                <table id="mytable" style="max-height: 800px;" class="table align-items-center table-flush table-striped table-fixed-header ">
                </table>
    </div>

我想要达到的结果