Foros del Web » Creando para Internet » CSS »

Ayuda con sortable y scroll para una tabla :(

Estas en el tema de Ayuda con sortable y scroll para una tabla :( en el foro de CSS en Foros del Web. Hola a todos, tengo un problemilla es el siguiente: Tengo una función en javascript llamada sortable para ordenar el contenido de las tablas al hacer ...
  #1 (permalink)  
Antiguo 19/12/2006, 13:42
 
Fecha de Ingreso: diciembre-2006
Mensajes: 12
Antigüedad: 11 años
Puntos: 0
Ayuda con sortable y scroll para una tabla :(

Hola a todos, tengo un problemilla es el siguiente:

Tengo una función en javascript llamada sortable para ordenar el contenido de las tablas al hacer click sobre el encabezado de cada columna. Además utilizo la propiedad Style ="overflow" para que si el contenido de la tabla resulta muy grande aparesca un scroll y así la página no quede tan grande. La combinación de ambas características no me produce ningún problema en Mozilla Firefox, pero en internet explorer la página queda del tamaño de la tabla que se genera cómo si no usara Style="overflow" sólo que en blanco ya que la tabla se despliega al final de la página del tamaño que le dí en el tag div que incluye Style="overflow". humm no se si se entiende.


De antemano muchas gracias!!
  #2 (permalink)  
Antiguo 19/12/2006, 13:46
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Ayuda con sortable y scroll para una tabla :(

sinceramente no pude entender bien que es lo que te esta pasando....perdon!
  #3 (permalink)  
Antiguo 19/12/2006, 14:00
 
Fecha de Ingreso: diciembre-2006
Mensajes: 12
Antigüedad: 11 años
Puntos: 0
Re: Ayuda con sortable y scroll para una tabla :(

jaja, si, presentía que no se entendería. TRataré de dar una ejemplo:
asi se ve:

Inicio de pagina








Tabla
Fin de página

Se produce un espacio en blanco grande entre el inicio de la página y la tabla, del tamaño que tendría la tabla si no hubiera usado overflow.


debería quedar:

Inicio de pagina
Tabla
Fin de página

esto sólo sucede en Internet Explorer.
espero que se comprenda mejor
  #4 (permalink)  
Antiguo 19/12/2006, 16:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Ayuda con sortable y scroll para una tabla :(

No acabo de entenderlo bien:
¿tienes una tabla, que tiene dentro un div? ¿ese div tiene altura determinada (height: 200px, por ejemplo)? ¿en la clase de ese div tienes puesta la propiedad overflow: scroll?

Pues en ese caso debería funcionar tanto en FF como en IE. Si no era eso, pon el código del html y la regla css para que podamos verlo. Seguramente será que no te he entendido.

Mikel.
  #5 (permalink)  
Antiguo 19/12/2006, 17:45
 
Fecha de Ingreso: diciembre-2006
Mensajes: 12
Antigüedad: 11 años
Puntos: 0
Re: Ayuda con sortable y scroll para una tabla :(

osea la tabla está dentro del div y ese div tiene determinada altura junto con style= overflow

Postearé mañana el código, es que en este momento no lo tengo disponible.
  #6 (permalink)  
Antiguo 20/12/2006, 07:56
 
Fecha de Ingreso: diciembre-2006
Mensajes: 12
Antigüedad: 11 años
Puntos: 0
Re: Ayuda con sortable y scroll para una tabla :(

Aquí está el código:
<div id=scrolltable with ="860" Style="overflow:auto; height:200px;">
<table align="center" class="sortable" name="rsTable" id="rsTable" width="860" border="1" cols="7">
<th >N</td>
<th >RUT</td>
<th>AP.PATERNO</td>
<th>AP.MATERNO</td>
<th>NOMBRES</td>
<th>CARRERA</td>
<th>INGRESO</td>
</tr>
<%
//Aquí va código JSP, sólo es un ciclo for que rellena la tabla


%>

</table> </div>
  #7 (permalink)  
Antiguo 20/12/2006, 12:44
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Ayuda con sortable y scroll para una tabla :(

Bien. Lo mejor es siempre poner el código.
¿Habíamos hablado ya de que IE hace muuuuuuuuuchas cosas inexplicables para la mayoría de nosotros? Grrrrrrrrrrrrrrrrrrrrr.

Pues bien, en tu caso, necesitas sacar el estilo de la etiqueta y ponerla en el head:

<style type="text/css">
#scrolltable {
margin: 0pt auto;
overflow: auto;
height: 200px;
width: 860px;
}
</style>

Después cambia el ancho de tu tabla y ponlo como:
<table align="center" class="sortable" name="rsTable" id="rsTable" width="98%" border="1" cols="7">

y funciona bien en IE6 y Firefox.

Un par de cosas más:
-Tienes el width del div mal escrito (has puesto with)
- Style se escribiría en minúscula (style)
- No me imagino por qué abres las celdas con th y las cierras con td.

Mikel.
  #8 (permalink)  
Antiguo 21/12/2006, 16:25
 
Fecha de Ingreso: diciembre-2006
Mensajes: 12
Antigüedad: 11 años
Puntos: 0
Re: Ayuda con sortable y scroll para una tabla :(

Muchas gracias por los consejos , haré los cambios.

Lo de cerrar con td, lo hice porque así lo tenía un amigo, simplemente utilicé una pagina que había hecho el como base. A mi tb me extraño, pero decidí no cambiarlo, porsicacaso.
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 19:38.