向下滚动html表时不要滚动表格标题

参见英文答案 > How can I let a table’s body scroll but keep its head fixed in place?                                    18个
Richard JP Le Guen在创建滚动html表时给了我很多帮助.唯一的问题是我不希望表标题与表行一起滚动.现在它在他的例子中使用span工作但是如果我在我的表中使用它它真的弄乱了我的表标题.我已经过了最后2个小时尝试对它进行排序,但我没有这样,所以我刚刚离开了桌面标题.

那么问题是,还有另一种方法可以使用css来确保在向下滚动表格时无法滚动表格标题吗？

下面是我的html和css代码：

    
dioPHP echo $i; ?>dio">dio{
            overflow:hidden;
            max-width:350px;
            min-width:350px;
            background-color:#FEFEF2;
            border:1px solid black;
                }
            .image{
            overflow:hidden;
            max-width:350px;
            min-width:350px;
            background-color:#FCF6CF;
            border:1px solid black;
                }
             #tableWrapper {
  position:relative;
}
#tableScroll {
  height:350px;
  overflow:auto;  
  margin-top:20px;
}

最佳答案

退房How can I let a table’s body scroll but keep its head fixed in place?

使用这个Pure CSS Scrollable Table with Fixed Header