Alto fijo para tabla

[juanleonardo]

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.

[C2am]

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

[alzacon]

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.

[juanleonardo]

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.

[juanleonardo]

Aca les dejo una imagen


Saludos y gracias por la ayuda.

[C2am]

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

Saludos

[alzacon]

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.

[pzin]

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:

div {
  min-height: 400px;
}
 

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.