修复了导航栏下的 header

Question

我正在使用 jquery.dataTables 固定 header 和页脚选项，问题是 header 消失在导航栏后面我搜索了一种方法来修复 headers所以它就在导航栏下面，但我什么也没找到。我希望你们能帮忙。我不想删除导航栏。谢谢。

<head><link rel="stylesheet"type="text/css"href="https://cdn.datatables.net/fixedheader/3.1.5/css/fixedHeader.dataTables.min.css" /></head> 

<style>
.body
{
    margin-top: -100px;
}
</style>

<script src="https://cdn.datatables.net/fixedheader/3.1.2/js/dataTables.fixedHeader.min.js"></script>
<script>
    $(document).ready(function () {
        var table = $('#example').DataTable({
            fixedHeader: {
                header: true,
                footer: true
            },
            "pageLength": 100
        });

Answer 1

我使用 dataTables 参考解决了这个问题。 https://datatables.net/reference/option/fixedHeader.headerOffset

 $(document).ready(function () {
       var table = $('#example').DataTable({
                fixedHeader: {
                    header: true,
                    footer: true,
                    headerOffset: 50
                },
                "pageLength": 100
            });

        });

谢谢。好像很难找，我只好用正确的措辞搜索一下。

修复了导航栏下的 header

Fixed header under the navbar

razor

asp.net-mvc-5

mvc.jquery.datatables