Не прокручивайте заголовки таблиц при прокрутке html-таблицы вниз [дубликат]

На этот вопрос уже есть ответы здесь :

Как я могу позволить телу таблицы прокручиваться, но при этом держать его голову неподвижной? (18 ответов)

Закрыто 6 лет назад .

Ричард Дж. П. Ле Гуен любезно предоставил мне помощь, когда дело дошло до создания прокручиваемой HTML-таблицы. Единственная проблема в том, что я не хочу, чтобы заголовки таблицы прокручивались вместе со строками таблицы. Теперь это сработало в его примере с использованием диапазона, но если я использую его в своей таблице, это действительно испортит заголовки моих таблиц. Последние 2 часа я пытался разобрать это, но у меня этого не было, поэтому я просто оставил заголовки таблицы как есть.

Так в чем вопрос, есть ли другой способ использовать css, чтобы убедиться, что заголовки таблиц нельзя прокручивать при прокрутке таблицы вниз?

Ниже мой код html и css:

    
    
    
    
    
    Question No
    Option Type
    Duration
    Weight(%)
    Answer
    Video
    Audio
    Image
    
    
    
        
    
    
    
    
    
    
    
    
    
    




            #qandatbl{
                font-size:12px;
                border-collapse:collapse;
                margin:0px;
                text-align:center;
                margin-left:auto; 
                margin-right:auto;
                border:1px solid black;
            }
            .col1{
            background-color:#FCF6CF;   
            }
            .col2{
            background-color:#FEFEF2;   
            }   
                .options{
            overflow:hidden;
            max-width:125px;       
            min-width:125px;
            background-color:#FCF6CF;
            border:1px solid black;
                }
            .duration{
            overflow:hidden;
            max-width:125px;
            min-width:125px;
            background-color:#FEFEF2;
            border:1px solid black;
                }
            .weight{
            overflow:hidden;
            max-width:125px;
            min-width:125px;
            background-color:#FCF6CF;
            border:1px solid black;
                }
             .answer{
            overflow:hidden;
            max-width:125px;
            min-width:125px;
            background-color:#FEFEF2;
            border:1px solid black;
                }
            .qid{
            overflow:hidden;
            max-width:125px;
            min-width:125px;
            background-color:#FEFEF2;
            border:1px solid black;
                }
            .video{
            overflow:hidden;
            max-width:350px;
            min-width:350px;
            background-color:#FCF6CF;
            border:1px solid black;
                }
            .audio{
            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;
}

Не прокручивайте заголовки таблиц при прокрутке html-таблицы вниз [дубликат]

0 ответов

Похожие вопросы: