Fixedheader jquery

时间:2012-04-04 17:39:08

标签: jquery css fixed-header-tables

我正在尝试将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;
}

0 个答案:

没有答案