Foros del Web » Creando para Internet » CSS »

Alto fijo para tabla

Estas en el tema de Alto fijo para tabla en el foro de CSS en Foros del Web. Buenas, tengo un problema con una tabla para la cual le implemente una paginacion en jquery ( http://jsfiddle.net/gabrieleromanato/Xugej/ ). En el enlace el numero de ...
  #1 (permalink)  
Antiguo 04/11/2013, 19:07
Avatar de juanleonardo  
Fecha de Ingreso: agosto-2007
Mensajes: 382
Antigüedad: 16 años, 7 meses
Puntos: 0
Alto fijo para tabla

Buenas, tengo un problema con una tabla para la cual le implemente una paginacion en jquery (http://jsfiddle.net/gabrieleromanato/Xugej/).


En el enlace el numero de pagina se encuentra en la parte inferior en mi caso lo puse en la parte inferior, el problema por ej si tengo 5 paginas de 10 filas cada una menos la ultima que tiene 7 por ej, el numero de paginas sube hasta ajustarse al contenido de la tabla.

Todavia no puedo encontrar una propiedad css para ajustar esto y que el numero de paginas se quede fijo en un solo lugar. Podrian orientarme?

Saludos y gracias.
  #2 (permalink)  
Antiguo 04/11/2013, 21:15
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Alto fijo para tabla

Te recomendaría que publicaras el ejemplo tal cual lo estás tratando de implementar, para poder ver mejor cual puede ser una posible solución.

Además, me parece que lo mejor sería sacar de la tabla los botones del paginado, así sería independiente del contenido.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 04/11/2013, 21:30
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 10 años, 10 meses
Puntos: 31
Respuesta: Alto fijo para tabla

A mi el número de páginas se me mantiene al eliminar filas de la tabla del ejemplo.

El número de páginas te lo da el script de jquery.
  #4 (permalink)  
Antiguo 07/11/2013, 19:53
Avatar de juanleonardo  
Fecha de Ingreso: agosto-2007
Mensajes: 382
Antigüedad: 16 años, 7 meses
Puntos: 0
Respuesta: Alto fijo para tabla

Gracias alzacon, pero mi problema no es el numero de pagina sino que al poner el "paginador" en la parte inferior de mi tabla cuando llega a la ultima pagina y tiene menos cantidad de filas entonces el "paginador" sube, es decir que se ajusta a la cantidad de filas.

Saludos y espero puedan ayudarme.
  #5 (permalink)  
Antiguo 07/11/2013, 20:08
Avatar de juanleonardo  
Fecha de Ingreso: agosto-2007
Mensajes: 382
Antigüedad: 16 años, 7 meses
Puntos: 0
Respuesta: Alto fijo para tabla

Aca les dejo una imagen


Saludos y gracias por la ayuda.
  #6 (permalink)  
Antiguo 07/11/2013, 20:24
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Alto fijo para tabla

No puedes subir el ejemplo, al jsfiddle al menos.
Siempre es mejor mostrar el código css + html que una imagen.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #7 (permalink)  
Antiguo 07/11/2013, 21:09
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 10 años, 10 meses
Puntos: 31
Respuesta: Alto fijo para tabla

Cita:
el numero de paginas sube hasta ajustarse al contenido de la tabla.
Esa frase es la causante de la confusión :P

Se me ocurre: añadir n filas extras con una clase propia para que se ajuste a lo que desees, por ejemplo sin el color de fondo. Donde n, serían las que faltan a la última página para tener las 5 filas.

O si se puede llegar a determinar la altura de una fila, añadir n veces esa altura como margin-top a la paginación.
  #8 (permalink)  
Antiguo 08/11/2013, 02:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Alto fijo para tabla

Como dice C2am lo ideal es añadir el código HTML/CSS.

Suponiendo que la tabla esté dentro de algún div, y la paginación obviamente fuera de la tabla —si no es así está mal estructurado el sitio— entonces simplemente tendrías que añadirle una altura mínima a ese elemento que contiene la tabla:

Código CSS:
Ver original
  1. div {
  2.   min-height: 400px;
  3. }

Ya que no es que la paginación se vaya hacia arriba, sino que al no haber más elementos no se ocupa ese espacio. Pues de esta forma siempre habrá una altura mínima.

Personalmente pienso que es mejor que la paginación esté donde acabe el contenido, es lo que espera el usuario vaya. Y tener ahí un espacio sin ocupar es un poco raro.

Etiquetas: alto, contenido, fijo, tabla
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.