jquery - 固定标题 jquery

Question

我正在尝试将 fixedheader 功能添加到我的数据表中。

我添加了以下语句：new FixedHeader( oTable);

oTable = $('#mytable').dataTable({ 
    "aaSorting": [ [0,'asc'] ], "aoColumns" : dataTableColumns, "oLanguage": {   
        "sLengthMenu": 'Show <select>'+ 
                       '<option value="10">10<\/option>'+ 
                       '<option value="25">25<\/option>'+ 
                       '<option value="50">50<\/option>'+ 
                       '<option value="100">100<\/option>'+ 
                       '<option value="-1">All<\/option>'+
                       '<\/select> records' }, "iDisplayLength": -1, }); 
new FixedHeader( oTable);

在原始标题之上创建了一个浮动标题。标题具有透明背景，字体和样式与我现有的标题不同。当浮动标题与当前标题重叠时，它看起来很奇怪。

CSS 代码：

table.display thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
        cursor: pointer;
}

table.display tfoot th {
    padding: 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}