Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rodrigo Knx

Congelar a primeira linha da tabela

Recommended Posts

Bom galera, quero fixar somente a primeira linha da tabela, e as outras com overflow ...

De preferência com CSS, pois tenho inúmeras tabelas geradas, o código é esse:

 

echo "<div id='scrool'><table border='0' id='consulta' class='consulta_txt' width='700'><tr class='linha_tabela' align=center><td>Código</td><td>Latitude</td><td>Longitude</td><td>Data</td><td>Acumulado</td><td>Dias</td><td>País</td><td>Região</td><td>Estado</td><td>Município</td></tr>";
		while ($escrever = pg_fetch_row($result)) {

			$ai = substr($escrever[3], 0, 4);
			$mi = substr($escrever[3], 5, 2);
			$di = substr($escrever[3], 8, 2);
			$Date1 = "01"."-".$mi."-".$ai;

			$af = substr($escrever[3], 0, 4);
			$mf = substr($escrever[3], 5, 2);
			$df = substr($escrever[3], 8, 2);
			$Date2 = "28"."-".$mf."-".$af;


			echo "<tr align=center style='height:30px; font-size:9px;'><td>
			<a href='#' 
			onClick='
			document.form1.data1.value = \"$Date1\"
			document.form1.data2.value = \"$Date2\"
			document.form1.cod.value = \"$escrever[0]\"						
			'>" . $escrever[0] . "</a></td><td>" . $escrever[1] . "</td><td>" . $escrever[2] . "</td><td>" . $escrever[3] . "</td><td>" . $escrever[4] . "</td><td>" . $escrever[5] . "</td><td>" . $escrever[6] . "</td><td>" . $escrever[7] . "</td><td>" . $escrever[8] . "</td><td>" . $escrever[9] . "</td></tr>";
	}
			echo "</table>"; /*fecha a tabela apos termino de impressão das linhas*/

 

 

Um bom exemplo é desse site, que só funciona no IE: Clique aqui

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, primeiro estruture sua tabela corretamente, depois aplique o "overflow" com "scroll" somente no "tbody", imaginando que a primeira linha que menciona seja o cabeçalho "thead".

 

Att.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.