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> </td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3<br> </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!//> </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