克隆并显示表格 - 编程之家

如何解决克隆并显示表格

| 这很棘手。我有一个比页面宽的表，因此用户必须水平滚动才能看到某些列。但是随后他们看不到最左边的（标题）列。我不负责表结构（非常奇怪的设置IMO），但它是这样的：

<table>
    <tr>
        <td>[THE HEADER COLUMN (as a separate table)]</td>
        <td>[THE TABLE BODY (as a separate table)]</td>
    </tr>
</table>

因此，当用户将其滚动到视线之外并需要将鼠标悬停在屏幕边缘时，我需要在屏幕边缘显示“标题列表”。我在想克隆表头然后暂时显示它是解决此问题的方法（不能移动原始表，因为页面宽度会改变）。这似乎有点混乱的解决方案（尤其是因为原始列标题表具有与之关联的ID）。您认为这是正确的方法吗？有任何想法吗？我不需要任何jQuery事件处理的帮助，并且我不能使用可滚动表代替这种方法。

解决方法

如果将第一个表的css设置为fixed并保持为0，那么它将被粘贴到屏幕的左边缘，您只需检查用户是否在每个滚动事件之后就开始滚动：

$(window).scroll( function(){ // fired after every scroll event
    if($(window).scrollLeft() > 0){ // check horizontal scroll
        $(\"#table1\").css(\"position\",\"fixed\");
    } else {
        $(\"#table1\").css(\"position\",\"relative\");
    }
});