导航栏下的固定标题答案

【问题标题】：Fixed header under the navbar导航栏下的固定标题
【发布时间】：2019-09-20 05:14:30
【问题描述】：

我正在使用 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
        });

【问题讨论】：

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

【解决方案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
            });

        });

谢谢。它似乎很难找到，我只需要使用正确的措辞并搜索它。

【讨论】：

超级。节省了很多时间。