Fixar primeira linha da tabela

[Marcelo Diniz 0]

Ola Pessoal, então tenho uma tabela aqui para mostrar um relatório só que assim, me foi pedido para deixar a primeira linha da tabela que é onde tem os títulos do que é apresentado fixo, enquanto ele usa a rolagem para baixo para ver as informações.

Estive dando uma olhada e achei que tinha que usar as tags <thead> <tbody>, vou ser sincero, nem sei o que é, mas claro, não funcionou.

 

Se alguem puder me dar uma ajuda nisso......

[Thiago Retondar 18]

Use thead, já que é a primeira linha e é um cabeçalho e faça assim no CSS:

 

table#TableID thead{ position: fixed; }

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Marcelo Diniz 0]

Olá Thiago, então tinha visto uma dica como essa quando fiz algumas bucas no Google, mas nada de dar certo.

Será que tem idéia do que pode ser?

 

só para ver se estou fazendo certo:

 

<style>
table#lista thead{ position: fixed; }
</style>

<table width="100%" border="0" id="lista">
  <THEAD >
  <tr bgcolor="#330066" > 
    <td colspan="2" align="left"><font color="#FFFFFF"><b>Cliente</b></font></td>
    <td colspan="2"><font color="#FFFFFF"><b>Mandatário</b></font></td>
    <td width="7%"> <font color="#FFFFFF"><b>Produto</b></font></td>
    <td width="7%"><font color="#FFFFFF"><b>Cargo</b></font></td>
    <td width="11%"><font color="#FFFFFF"><b>Meta Total</b></font></td>
    <td width="10%"><font color="#FFFFFF"><b>Meta Col.</b></font></td>
    <td width="11%"><font color="#FFFFFF"><b>Faturamento</b></font></td>
    <td width="13%"><font color="#FFFFFF"><b>Produção</b></font></td>
  </tr>
  </THEAD>

...e o resto da tabela

[Thiago Retondar 18]

Testei aqui e funcionou normal.

 

Qual browser está testando?

 

<table width="100%" border="0" id="lista">
  <THEAD style=" position: fixed; background: red;">
  <tr bgcolor="#330066" > 
    <td colspan="2" align="left"><font color="#FFFFFF"><b>Cliente</b></font></td>
    <td colspan="2"><font color="#FFFFFF"><b>Mandatário</b></font></td>
    <td width="7%"> <font color="#FFFFFF"><b>Produto</b></font></td>
    <td width="7%"><font color="#FFFFFF"><b>Cargo</b></font></td>
    <td width="11%"><font color="#FFFFFF"><b>Meta Total</b></font></td>
    <td width="10%"><font color="#FFFFFF"><b>Meta Col.</b></font></td>
    <td width="11%"><font color="#FFFFFF"><b>Faturamento</b></font></td>
    <td width="13%"><font color="#FFFFFF"><b>Produção</b></font></td>
  </tr>
  </THEAD>

	<tbody>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
		<tr>
			<td>Table data2</td>
		</tr>
	</tbody>
</table>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Marcelo Diniz 0]

Estou usando o IEca, pois assim, peguei o sistema no meio do caminho, pois o outro programador saiu fora e aqui no cliente o Browser padrão para uso é o IE.

 

Testei no FireFox (browser de gente) e funcionou realmente, mas no IEca nada.... tem alguma idéia do que posso fazer?

 

Obrigado

[Thiago Retondar 18]

Isso só ocorre no Internet Explorer 6. Olhe: http://www.google.com.br/search?q=ie6+position+fixed&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:pt-BR:official&client=firefox-a

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Marcelo Diniz 0]

Fiz como disse e não funcionou não, nada, e estou usando o internet explorer 8.

Ainda pego esse cliente que pediu essa coisa....... mas ainda vou conseguir, estou tentando achar algo na net, mas esta complicado, o que achei que até serveria esta dando uns problemas.... Mas se ainda souber de algo será de grande ajuda mesmo.

 

Valew