最初に3行1列目が固定されています

私はテーブルhereを持っています。私が下にスクロールすると、最初の3行（ '学習者名'から '最高得点'に）固定したいと思います。また、私が右にスクロールすると、最初の列（リーダー名、可能な最高得点、（男性、数字、および名前を含む）を修正しました。最初に3行1列目が固定されています

私はそれが列を固定ではなく、テーブルがクラッシュしたCSS

table tbody, table thead{ 
    display: block; 
} 

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

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

th { 
    width: 75px; 
}

にこれを追加しようとしました。

出典

2016-10-18 Randy Arguelles

[IE8のテーブルTBODYスクロール（http://stackoverflow.com/questions/16984323/table-tbody-scroll-in-ie8） –

の可能な重複js' '場合あなたが固定したい要素にスクロールイベントを使用して固定クラスを追加する –

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

 
padding-top:130px; 
 
}

<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>

出典

2016-10-18 06:06:30

これを理解する必要があります.... http://www.w3schools.com/css/css_positioning.asp –

最初に3行1列目が固定されています

答えて

関連する問題