Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery tablesorter插件的静态头_Jquery_Css - Fatal编程技术网

Jquery tablesorter插件的静态头

Jquery tablesorter插件的静态头,jquery,css,Jquery,Css,我使用的是jquery table sorter插件,但如何使标题保持静态?好的,我不确定我是否完全理解您的问题,但当您说使标题保持静态时,我猜您的意思是在使tbody滚动时使标题固定。 我看了看,没有找到任何好的解决方案,这个插件。 因此,一种可能是将表包装在div中并运行以下方法 $(document).ready(function() { var header = $('table.tablesorter thead'); header.css({'position':'a

我使用的是jquery table sorter插件,但如何使标题保持静态?

好的,我不确定我是否完全理解您的问题,但当您说使标题保持静态时,我猜您的意思是在使tbody滚动时使标题固定。 我看了看,没有找到任何好的解决方案,这个插件。 因此,一种可能是将表包装在div中并运行以下方法

$(document).ready(function() {
    var header = $('table.tablesorter thead');
    header.css({'position':'absolute', 'margin-top':'-26px'});
    header.each(function(){
        var tbody = $(this).closest('table').find('tbody');
        var firstRow = tbody.find('tr').first();
        var th = $(this).find('th');
        th.each(function(i){
            var borderWidth = 2;
            var td = $(firstRow.find('td')[i]);
            var w = td.css('width').replace('px', '');
            w = parseInt(w)- borderWidth;
            $(this).css({'width': w+'px'});
        });
    })
});

有一个您可能要查找的示例。

是否将标题包装在“”标记中?请出示一些代码。@ChrisThompson:是的,我包装了它。看到这个链接,我也按照同样的方式