primera fila de una tabla

Mirovita · #1 (**permalink**) 22/03/2006, 07:55

Buen dia,

le escribo porq tengo una tabla con 50 filas pero quiero que al mover la Scrollbar la primera fila me quede estatica ya que es la fila d elos titulos, sera que alguine podria ayudarme hacer esto.

gracias de antemano

anhedonia · #2 (**permalink**) 22/03/2006, 16:56

Puedes probar esto:
--------------------------------------------------------------

<HTML>
<HEAD>
<TITLE>TABLA CON SCROLL</TITLE>
<SCRIPT language= "JavaScript">
var ancho1,ancho2,i;
var columnas=5; //CANTIDAD DE COLUMNAS//

function ajustaCeldas(){
for(i=0;i<columnas;i++){
ancho1=document.getElementById("encabezado").rows. item(0).cells.item(i).offsetWidth;
ancho2=document.getElementById("datos").rows.item( 0).cells.item(i).offsetWidth;
if(ancho1>ancho2){
document.getElementById("datos").rows.item(0).cell s.item(i).width = ancho1-6};
else{
document.getElementById("encabezado").rows.item(0) .cells.item(i).width = ancho2-6;}
}
}
</SCRIPT>
<STYLE>
#encabezado{border:0}
#encabezado th{border-width:1px}
#datos{border:0}
#datos td{border-width:1px}
</STYLE>

</HEAD>

<BODY onload=ajustaCeldas()>

<h2>Tabla con desplazamiento y encabezado fijo.</h2>
Para <b>IE</b>.
<p>

<table border=1 bgcolor=scrollbar align=center>
<td>
<table id="encabezado" border=1 cellspacing=0 cellpadding=2 bgcolor=#cccccc>
<tr>
<th>A </th><th>B </th><th>C </th><th>D </th><th>E </th>
</tr>
</table>

<div style="overflow:auto; height:100px; padding:0">

<table border=1 cellspacing=0 cellpadding=2 id="datos" bgcolor=white><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr><tr>
<td>q</td><td>qwerty</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td>
</tr>
</table>

</div>

</td>
</table>

</BODY>
</HTML>
-------------------------------------------

A ver que tal

Jorolo · #3 (**permalink**) 22/03/2006, 17:58

Hola Mirovita.

A lo mejor te interesa:
http://www.forosdelweb.com/showpost....66&postcount=4

Espero que te funcione

furoya · #4 (**permalink**) 26/03/2006, 09:05

Hola todos :

Hay mucho sobre este asunto en el Foro y fuera de él.

El enlace donde se explica el código de anhedonia es

scroll complicado

Otro pueden ser

tabla con primera fila fija ?

donde hay más enlaces con más data.

Mirovita · #5 (**permalink**) 27/03/2006, 06:26

muchas gracias chicos han sido de mucha ayuda, ya hice lo que queria.... y todo gracias a su ayuda... un beso cuidense...

besitos..