Ver Mensaje Individual
  #5 (permalink)  
Antiguo 11/06/2004, 13:25
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años, 1 mes
Puntos: 317
Dije :
Cita:
Hice este código para mantener el encabezado de columnas, tú necesitas el de filas, pero te va a servir de ejemplo.
Dijiste :
Cita:
debo inmovilizar la primer columna completa.... y este ejemplo solo inmoviliza la primera fila. se podra adaptar?
_____y otra vez

_____y otra vez

Lo de "te va a servir de ejemplo" es una indirecta por "adáptalo tú". . .

Tienes suerte de que estuviera probando hacerlo con HTML. Todavía no me gusta como queda, lo del "ajuste a mano" puede dar demasiado trabajo y tampoco estoy seguro de que funcione en todos los navegadores. Por ahora ésto es lo que tengo.

Código:
 
<HTML>
<HEAD>
<TITLE>TABLA CON SCROLL</TITLE>
<STYLE>
#encabezado2{border:0}
#encabezado2 td{border-width:1px}
#datos2{border:0}
#datos2 td{border-width:1px; vertical-align:top; white-space:nowrap}
</STYLE>
</HEAD>
<BODY>

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

<table border=1 bgcolor=scrollbar align=center>

<td style="vertical-align:top">

<table border=1 bgcolor="#cccccc" cellspacing=0 id="encabezado2">
<tr><td>&nbsp;</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3<br>&nbsp;</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
</table>

</td>

<td style="vertical-align:top">

<div style="overflow:auto; overflow-y:hidden; width:160px; padding:0">

<table border=1 cellspacing=0 id="datos2" bgcolor=white>

<tr><th>Q</th><th>Q</th><th>Q</th><th>Q</th><th>Q</th><th>Q</th><th>Q</th><th>Q</th><th>Q</th><th>Q</th></tr>
<tr><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td></tr>
<tr><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td></tr>
<tr><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>
<nobr>qwert yuiop</nobr>
</td><td>
qwerty <br>qwerty
</td><td>qwerty</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td></tr>
<tr><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td></tr>
<tr><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td></tr>
<tr><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td><td>qwertyuiop</td><td>qwerty</td><td>qwerty</td></tr>
<tr><td colspan=10 //CANTIDAD DE COLUMNAS ¡SIN ENCABEZADO!//>&nbsp;</td></tr>

</table>

</div>

</td>

</table>

</BODY>
</HTML>
Destaqué con azul el detalle para las celdas de más de una línea. La etiqueta NOBR es para IE5, las nuevas versiones aceptan el white-space.

saludos

furoya