导航栏下的固定标头

时间:2019-05-01 16:45:48

标签: razor asp.net-mvc-5 mvc.jquery.datatables

我正在使用jquery.dataTables固定的页眉和页脚选项,问题是页眉消失在导航栏的后面,我正在寻找一种修复页眉的方法,因此它位于导航栏的正下方,但我什么也没找到。希望你们能帮上忙。我不想删除导航栏。 谢谢。

<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
        });

1 个答案:

答案 0 :(得分:0)

我使用dataTables参考弄清楚了。 https://datatables.net/reference/option/fixedHeader.headerOffset

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

        });

谢谢。似乎很难找到,我只需要使用正确的措词并进行搜索即可。