Foros del Web » Programando para Internet » Javascript »

Mantener los titulos fijos de una tabla

Estas en el tema de Mantener los titulos fijos de una tabla en el foro de Javascript en Foros del Web. Hola que tal, resulta que tengo que mostrar un listado de 80 o más renglones en una misma pantalla, pero cuando muevo el scroll hacia ...
  #1 (permalink)  
Antiguo 17/05/2004, 12:42
 
Fecha de Ingreso: julio-2001
Mensajes: 27
Antigüedad: 22 años, 10 meses
Puntos: 0
Pregunta Mantener los titulos fijos de una tabla

Hola que tal, resulta que tengo que mostrar un listado de 80 o más renglones en una misma pantalla, pero cuando muevo el scroll hacia la parte de abajo los titulos ya no se ven, ando buscando una forma para que aunque yo me mueva hacia abajo, los titulos permanezcan "fijos" en la pantalla, alguien tiene alguna idea?

p.d. no puedo manejar frames por restricción de el diseño que se esta utilizando.

Agradezco de antemano su ayuda.
  #2 (permalink)  
Antiguo 17/05/2004, 17:08
Avatar de Avelar  
Fecha de Ingreso: noviembre-2002
Ubicación: Ensenada, Baja California, México
Mensajes: 673
Antigüedad: 21 años, 6 meses
Puntos: 1
¿Y qué tal mostrar los registros en un DIV que esté debajo de los títulos?
__________________
Ariel Avelar
  #3 (permalink)  
Antiguo 04/12/2007, 09:10
 
Fecha de Ingreso: junio-2007
Mensajes: 4
Antigüedad: 16 años, 11 meses
Puntos: 0
Re: Mantener los titulos fijos de una tabla

yo tengo una solucion que te servira de mucho pero esta solucion esta implementada y probada solo para firefox, safari, opera, pero para internet explorer no funciona nada bien, haber si alguien me da la solucion para IE.

--------------------------------------------------------

<style type="text/css">
<!--
.style7 {color: #FFFFFF; font-weight: bold; font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif; }
.class{ overflow:auto;overflow-x:hidden; width:100%; padding-right:100px; height:150px; top:40px;}
/*<tbody id="datos" style="height:10px; top:40px; overflow-y:auto;"> */
-->
</style>
<table width="100%" border="1">

<thead>
<tr>
<td width="200" class="style7"bgcolor="#003366">Columna Demo 1</td>
<td width="200" class="style7" bgcolor="#003366">Columna Demo 2</td>
<td width="200" class="style7" bgcolor="#003366">Columna Demo 3</td>

</tr>
</thead>

<tbody id="datos" class="class">
<!--<tbody id="datos" style="height:200px; top:40px; overflow:scroll; width:100%;"> -->
<!--<tbody id="datos" style="height:100px; top:40px; overflow-y:auto;">-->
<tr>
<td>a</td>
<td>1</td>

<td>s</td>
</tr>
<tr>
<td>d</td>
<td>2</td>
<td>f</td>
</tr>

<tr>
<td>a</td>
<td>3</td>
<td>f</td>
</tr>
<tr>
<td>f</td>

<td>4</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>5</td>
<td>s</td>

</tr>
<tr>
<td>d</td>
<td>6</td>
<td>f</td>
</tr>
<tr>

<td>a</td>
<td>7</td>
<td>f</td>
</tr>
<tr>
<td>f</td>
<td>8</td>

<td>f</td>
</tr>
<tr>
<td>a</td>
<td>9</td>
<td>s</td>
</tr>

<tr>
<td>d</td>
<td>10</td>
<td>f</td>
</tr>
<tr>
<td>a</td>

<td>11</td>
<td>f</td>
</tr>
<tr>
<td>f</td>
<td>12</td>
<td>f</td>

</tr>
<tr>
<td>a</td>
<td>13</td>
<td>s</td>
</tr>
<tr>

<td>d</td>
<td>14</td>
<td>f</td>
</tr>
<tr>
<td>a</td>
<td>15</td>

<td>f</td>
</tr>
<tr>
<td>f</td>
<td>16</td>
<td>f</td>
</tr>

</tbody>
</table>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:40.