Preciso fixar a primeira linha da minha tabela sempre no topo da página. Já li várias perguntas sobre esse mesmo problema, mas não consegui resolver...
O meu código:
<table border="2px">
<tr bgcolor="0099FF" id="topo">
<th> ID </th>
<th> Acertos Humanas </th>
<th> Nota humanas </th>
<th> Acertos Naturezas </th>
<th> Nota Naturezas </th>
<th> Acertos Linguagens </th>
<th> Nota Linguagens </th>
<th> Acertos Matematica </th>
<th> Nota Matematica </th>
<th> Soma acertos </th>
<th> Soma notas </th>
<th> Soma acertos(2) </th>
<th> Redacao </th>
<th> Media sem redacao </th>
<th> Media com redacao </th>
</tr>
<?php
$tudo = file('notas.txt');
for ($l=0; $l<90; $l++) {
$cada_item[$l] = explode (" ", $tudo[$l]);
$idd = $l+1;
$cor = $l%2 !=0 ? "#D0D0D0" : "white";
echo '<tr bgcolor="'.$cor.'"><td>'. $idd ."</td>";
for ($i=0; $i<14; $i++) {
echo "<td>". $cada_item[$l][$i] ."</td>";
}
echo "</tr>";
}
?>
</table>
Eu tentei uma série de coisas, mas preferi tirar para não prejudicar o código.
Achei que era só pegar o primeiro tr
no css e colocar position:fixed
.
E depois outra div envolta dos outros trs
, ou seja, envolta das tags do php.
Mas o maior problema é que a largura de cada célula da tabela não segue a largura das células th
e aí fica tudo torto porque a largura da tabela fica menor que a da primeira linha...
Eu quero fazer isso com css (aceito solução com javascript em segundo caso, mas sem jquery, por favor) Valeu!