Question

我有一张桌子here。当我向下滚动时，我想修正前三行（从＃39;学习者姓名＆＃39;到最高可能得分＆＃39;）。当我向右滚动时，还要修正第一列（领导者姓名，最高分数，包括（男性，数字和姓名））。

我尝试将此添加到css

table tbody, table thead{
   display: block;
}

table tbody{
   overflow: auto;
   height: 100px;
}

table {
    width: 350px; /* can be dynamic */
}

th {
    width: 75px;
}

它修复了列，但表崩溃了。

Answer 1

＆＃13;

div.fixed {
    position: fixed;
    top:1px
    right: 0;
    width: 100%;
    border: 3px solid #73AD21;
}
.loose{

padding-top:130px;
}

＆＃13;

<html>
<head>
</head>
<body>
<div class="fixed">
your  fixed table here
</div>

<div class="loose">

your moving table here, inside loose div 

</div>




</body>
</html>

＆＃13;

css修复了前3行和第1列

1 个答案: