Question

我一直在使用一个有3个内部表的表。第三个表的宽度较宽，并具有水平滚动。

我一直在尝试修复每个表格的标题并相信我，我尝试了所有的解决方案，但互联网上的解决方案都没有和我一样（或者我可能找不到）

我尝试了各种插件浮头和固定加载，但水平的东西打破了它。

我有我的jsfiddle例子，任何人都可以告诉我可能的方式

http://jsfiddle.net/warlockdn/qyrjvnvv/2/

我愿意重组桌子，但不知道该采取什么方式？

这是基本结构

<table>
    <thead>
        <tr>
            <td>&nbsp;</td>
            <td>Latest</td>
            <td>Oil Majors</td>
        </tr>
    </thead>
    <tbody>
        <td>
            <table></table>
        </td>
        <td>
            <table></table>
        </td>
        <td>
            <table></table>
        </td>
    </tbody>
</table>

Answer 1

将jQuery与scroll事件一起使用来实现此目的。试试：

$(document).ready(function() {
    $.each($("thead"),function(){
        $(this).css({position:'relative'})
    })

    $(window).scroll(function(){
        $("thead").css({top:$(window).scrollTop()})
    })
})

示例：rawDatabase()

<强>更新我修改了很多代码。我在所有标题上添加了宽度。它适用于Firefox和Chrome。请尝试：

示例：Mongo.Collection

Answer 2

所以，

我在@Frank的帮助下得到了我需要的工作表。

使用他给出的代码。由于表格不会占据相对于行或列的位置。我在每个内部添加了一个div并更改了jquery代码来捕获类。

$.each($(".stick_top"),function(){
    $(this).css({position:'relative'})
})

$(window).scroll(function(){
    console.log($(window).scrollTop())
    $(".stick_top").css({top:$(window).scrollTop()})
})

http://jsfiddle.net/warlockdn/uj313udL/8/

现在工作正常。谢谢Frank。

具有多个内部表的表和具有水平滚动的固定标题表

2 个答案: