css фиксированный первый 3 ряд и первая колонка

У меня есть таблица here. Я хочу зафиксировать первые 3 строки (от имени учащихся до «наивысшего возможного результата») при прокрутке вниз. , а также зафиксировать первый столбец (имя победителя, наивысший возможный балл, включая (мужчина, цифры и имя)), когда я прокручу вправо.css фиксированный первый 3 ряд и первая колонка

Я пытался добавить это в 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

Возможный дубликат [Таблица TBODY прокрутки в IE8] (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 –

css фиксированный первый 3 ряд и первая колонка

ответ

Смежные вопросы