desplazamiento al paginar

S

spectro200 #1 Jun '13

Hola, Tengo un problema y es el siguiente, Estoy usando la clase pagination de codeigniter, y todo va muy bien. el problema es al mostrar resultados en mi vista que me desplaza los campos cada vez que paso de pagina.

Adjunto imágenes resultantes de paginar las tres paginas:

Como podéis observar en la pagina 1 sale mas a la izquierda, en la pagina 2 se desplaza un poco a la derecha y en la 3 se desplaza mas a la derecha. por qué puede ser??

JuAn4k4 #2 Jun '13

Sera que cargas el html dentro de algo que tiene padding, y lo que cargas es ese mismo elemento con padding, te explico:

inicial

<div style="padding-left:10px">
contenido
</div>

cargas segunda página:

<div style="padding-left:10px">
<div style="padding-left:10px">
contenido
</div>
</div>

cargas tercera página:

<div style="padding-left:10px">
<div style="padding-left:10px">
<div style="padding-left:10px">
contenido
</div>
</div>
</div>

No se nada de codeigniter, pero yo diria que van por ahi los tiros, vuelve a la página 1 desde la 2 a ver si se ve igual.

1 respuesta

S

spectro200 #3 Jun '13

Le voy a echar un vistazo a lo que me dices, aunque si ocurre eso lo hace internamente el framework que uso para los estilos(bootstrap)

S

spectro200 #4 Jun '13

#2 He estado mirando y no veo el problema :S te puedo poner el codigo para ver si tu o alguien ve el problema.

Controlador

public function eliminar_tipo_dispositivo()
	{
		$this->precarga();
		
	/*//cargo un listado de todos los departamentos que posee mi tabla
	$tipos = $this->Tipo_dispositivo->obtener_todos_tipos();
	//Los asigno a un array de smarty para pasarlos a mi vista
	$this->smarty->assign("tipos",$tipos);*/
	//cargo mi vista

	$this->load->library('pagination');

	$opciones = array();

	$desde = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0 ;

	$opciones['per_page'] = 3;
	$opciones['base_url'] = base_url().'dispositivo_controller/deleteTipoDispositivo';
	$opciones['total_rows'] = $this->Tipo_dispositivo->getNumTipos();
	$opciones['uri_segment'] = 3;

	$this->pagination->initialize($opciones);

	$lista = $this->Tipo_dispositivo->getTipos($opciones['per_page'],$desde);

	$paginacion = $this->pagination->create_links();

	$this->smarty->assign('lista',$lista);
	$this->smarty->assign('paginacion',$paginacion);

	$this->smarty->view('dispositivo/eliminar_tipo_dispositivo');
}

Vista

{include file="includes/header.tpl"} 

{if isset($error2)}
	<p class="alert alert-error" style="margin: 1px;"><i class="icon-exclamation-sign"></i>{$error2}
{/if}
{if isset($success)}
	<p class="alert-success" style="margin: 1px;"><i class="icon-ok"></i>{$success}
{/if}

<form class="form-horizontal" id="deletetipodispositivo" action="{$ruta}dispositivo_controller/deleteTipoDispositivo" method="POST">
	<fieldset>
		<legend>Eliminar tipo de dispositivo</legend>
		<div class="control-group" align="center">
			<table class="table">
				<tr>
					<th>Seleccionar</th>
					<th>Nombre</th>
				</tr>
				{foreach from=$lista item=fila}
					<tr>
						<td><input type="checkbox" name="borrar[{$fila->id}]" value="{$fila->id}"></td>
						<td>{$fila->nombre}</td>
					</tr>
				{/foreach}
			</table>
			<div class="paginacion">
				{$paginacion}
			</div>
		</div>

	<div class="form-actions">
		<button type="submit" class="btn btn-primary">Guardar Cambios</button>
		<button class="btn">Cancelar</button>
	</div>
</fieldset>
</form>

{include file="includes/footer.tpl"}

El modelo no lo pongo porque no lo veo necesario, el problema debe estar en la vista al recargar la página como bien dice JuAn4k4.

Tunnecino #5 Jun '13

Así, yo por lo menos, no soy capaz de ver lo que pasa. Si pudieses pasar un link, o tu mismo, con Chrome o Firebug, en cuanto se mueva, abres la consola y ves lo que pasa.

1 1 respuesta

JuAn4k4 #6 Jun '13

Pone el html que se genera en ambas paginas

1 respuesta

S

spectro200 #7 Jun '13

#5 no tengo la web subida, por chrome he estado probando y aparentemente no sale nada por la consola

S

spectro200 #8 Jun '13

#6 Aqui lo pongo:

pagina 1

<!DOCTYPE html>


<html lang="es-ES">
<head>
	<meta charset="utf-8">
	<title>Esta es mi pagina principal.</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Aplicacion web de control de impresoras y los consumibles correspondientes.">
	<meta name="author" content="Jose">
	
<!-- Le styles -->
<style type="text/css">
	@import url("http://localhost/pfcdata/css/style.css");
	@import url("http://localhost/pfcdata/css/bootstrap.css");
	@import url("http://localhost/pfcdata/css/bootstrap-responsive.css");
</style>

<script src="http://localhost/pfcdata/js/jquery.js" type="text/javascript"></script>
<script src="http://localhost/pfcdata/js/bootstrap.js" type="text/javascript"></script>
<script src="http://localhost/pfcdata/js/validacion/jquery.validate.js" type="text/javascript"></script>
<script src="http://localhost/pfcdata/js/validacion/messages_es.js" type="text/javascript"></script>

<!--Reglas de validacion extras-->

<script>
	jQuery.validator.addMethod("exactlength", function(value, element, param) {
	return this.optional(element) || value.length == param;
	}, jQuery.format("Please enter exactly 0 characters."));
</script>


</head>

<body>
<h2>Herramienta Web Para Control y Gestión De Impresoras</h2>

<div class="container">
	<div class="row">
		<div class="span12">
			<div class="navbar">
				<div class="navbar-inner">
					<ul class="nav">
						<li><a href="http://localhost/pfcdata/">Inicio</a></li>
							<li class="divider-vertical"></li>
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">Dispositivos<b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="http://localhost/pfcdata/dispositivo_controller/alta_tipo_dispositivo">Dar de alta nuevo tipo de dispositivo</a></li>
									<li><a href="http://localhost/pfcdata/dispositivo_controller/alta_dispositivo">Dar de alta nuevo dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/alta_instancia_dispositivo">Ingresar instancia de dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/buscar_dispositivo">Buscar dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/buscar_instancia_dispositivo">Buscar instancia de dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/modificar_instancia_dispositivo">Modificar instancia de dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/eliminar_instancia_dispositivo">Borrar instancia de dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/eliminar_dispositivo">Dar de baja dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/eliminar_tipo_dispositivo">Dar de baja tipo de dispositivo</a></li>
								</ul>
							</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Material asociado<b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="http://localhost/pfcdata/material_controller/alta_tipo_material">Dar de alta nuevo tipo de material</a></li>
									<li><a href="http://localhost/pfcdata/material_controller/alta_material">Dar de alta nuevo material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/alta_instancia_material">Ingresar instancia de material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/buscar_material">Buscar material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/buscar_instancia_material">Buscar instancia de material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/modificar_instancia_material">Modificar instancia de material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/eliminar_instancia_material">Borrar instancia de material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/eliminar_material">Dar de baja material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/eliminar_tipo_material">Dar de baja tipo de material</a></li>
								</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Departamentos<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/departamento_controller/alta_departamento">Dar de alta un departamento</a></li>
								<li><a href="http://localhost/pfcdata/departamento_controller/modificar_departamento">Modificar un departamento</a></li>
								<li><a href="http://localhost/pfcdata/departamento_controller/eliminar_departamento">Borrar un departamento</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Pedidos<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/pedido_controller/alta_pedido">Nuevo pedido</a></li>
								<li ><a href="http://localhost/pfcdata/pedido_controller/modificar_pedido">Modificar un pedido</a></li>
								<li ><a href="http://localhost/pfcdata/pedido_controller/eliminar_pedido">Borrar un pedido</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Proveedores<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/proveedor_controller/alta_proveedor">Dar de alta un proveedor</a></li>
								<li ><a href="http://localhost/pfcdata/proveedor_controller/modificar_proveedor">Modificar un proveedor</a></li>
								<li ><a href="http://localhost/pfcdata/proveedor_controller/eliminar_proveedor">Borrar un proveedor</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Personal<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/persona_controller/alta_persona">Dar de alta persona</a></li>
								<li ><a href="http://localhost/pfcdata/persona_controller/modificar_persona">Modificar persona</a></li>
								<li ><a href="http://localhost/pfcdata/persona_controller/eliminar_persona">Borrar persona</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Estado<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/estado_controller/alta_estado">Dar de alta estado</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Marca<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/marca_controller/alta_marca">Dar de alta marca</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Modelo<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/modelo_controller/alta_modelo">Dar de alta modelo</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>


 

<!-- Lo tengo comentado porque si pulso el boton para guardar cambios me salta mensaje de que no hay seleccionados
-->

<form class="form-horizontal" id="deletetipodispositivo" action="http://localhost/pfcdata/dispositivo_controller/deleteTipoDispositivo" method="POST">
	<fieldset>
		<legend>Eliminar tipo de dispositivo</legend>
		<div class="control-group" align="center">
			<table class="table">
				<tr>
					<th>Seleccionar</th>
					<th>Nombre</th>
				</tr>
									<tr>
						<td><input type="checkbox" name="borrar[1]" value="1"></td>
						<td>impresoras</td>
					</tr>
									<tr>
						<td><input type="checkbox" name="borrar[3]" value="3"></td>
						<td>maquina</td>
					</tr>
									<tr>
						<td><input type="checkbox" name="borrar[5]" value="5"></td>
						<td>maquina corta cesped</td>
					</tr>
							</table>
			<div class="paginacion">
				&nbsp;<strong>1</strong>&nbsp;<a href="http://localhost/pfcdata/dispositivo_controller/deleteTipoDispositivo/3">2</a>&nbsp;<a href="http://localhost/pfcdata/dispositivo_controller/deleteTipoDispositivo/6">3</a>&nbsp;<a href="http://localhost/pfcdata/dispositivo_controller/deleteTipoDispositivo/3">&gt;</a>&nbsp;
			</div>
		</div>

	<div class="form-actions">
		<button type="submit" class="btn btn-primary">Guardar Cambios</button>
		<button class="btn">Cancelar</button>
	</div>
</fieldset>
</form>




</body>
</html>

pagina 2

<!DOCTYPE html>


<html lang="es-ES">
<head>
	<meta charset="utf-8">
	<title>Esta es mi pagina principal.</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Aplicacion web de control de impresoras y los consumibles correspondientes.">
	<meta name="author" content="Jose">
	
<!-- Le styles -->
<style type="text/css">
	@import url("http://localhost/pfcdata/css/style.css");
	@import url("http://localhost/pfcdata/css/bootstrap.css");
	@import url("http://localhost/pfcdata/css/bootstrap-responsive.css");
</style>

<script src="http://localhost/pfcdata/js/jquery.js" type="text/javascript"></script>
<script src="http://localhost/pfcdata/js/bootstrap.js" type="text/javascript"></script>
<script src="http://localhost/pfcdata/js/validacion/jquery.validate.js" type="text/javascript"></script>
<script src="http://localhost/pfcdata/js/validacion/messages_es.js" type="text/javascript"></script>

<!--Reglas de validacion extras-->

<script>
	jQuery.validator.addMethod("exactlength", function(value, element, param) {
	return this.optional(element) || value.length == param;
	}, jQuery.format("Please enter exactly 0 characters."));
</script>


</head>

<body>
<h2>Herramienta Web Para Control y Gestión De Impresoras</h2>

<div class="container">
	<div class="row">
		<div class="span12">
			<div class="navbar">
				<div class="navbar-inner">
					<ul class="nav">
						<li><a href="http://localhost/pfcdata/">Inicio</a></li>
							<li class="divider-vertical"></li>
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">Dispositivos<b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="http://localhost/pfcdata/dispositivo_controller/alta_tipo_dispositivo">Dar de alta nuevo tipo de dispositivo</a></li>
									<li><a href="http://localhost/pfcdata/dispositivo_controller/alta_dispositivo">Dar de alta nuevo dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/alta_instancia_dispositivo">Ingresar instancia de dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/buscar_dispositivo">Buscar dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/buscar_instancia_dispositivo">Buscar instancia de dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/modificar_instancia_dispositivo">Modificar instancia de dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/eliminar_instancia_dispositivo">Borrar instancia de dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/eliminar_dispositivo">Dar de baja dispositivo</a></li>
									<li ><a href="http://localhost/pfcdata/dispositivo_controller/eliminar_tipo_dispositivo">Dar de baja tipo de dispositivo</a></li>
								</ul>
							</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Material asociado<b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="http://localhost/pfcdata/material_controller/alta_tipo_material">Dar de alta nuevo tipo de material</a></li>
									<li><a href="http://localhost/pfcdata/material_controller/alta_material">Dar de alta nuevo material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/alta_instancia_material">Ingresar instancia de material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/buscar_material">Buscar material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/buscar_instancia_material">Buscar instancia de material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/modificar_instancia_material">Modificar instancia de material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/eliminar_instancia_material">Borrar instancia de material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/eliminar_material">Dar de baja material</a></li>
									<li ><a href="http://localhost/pfcdata/material_controller/eliminar_tipo_material">Dar de baja tipo de material</a></li>
								</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Departamentos<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/departamento_controller/alta_departamento">Dar de alta un departamento</a></li>
								<li><a href="http://localhost/pfcdata/departamento_controller/modificar_departamento">Modificar un departamento</a></li>
								<li><a href="http://localhost/pfcdata/departamento_controller/eliminar_departamento">Borrar un departamento</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Pedidos<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/pedido_controller/alta_pedido">Nuevo pedido</a></li>
								<li ><a href="http://localhost/pfcdata/pedido_controller/modificar_pedido">Modificar un pedido</a></li>
								<li ><a href="http://localhost/pfcdata/pedido_controller/eliminar_pedido">Borrar un pedido</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Proveedores<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/proveedor_controller/alta_proveedor">Dar de alta un proveedor</a></li>
								<li ><a href="http://localhost/pfcdata/proveedor_controller/modificar_proveedor">Modificar un proveedor</a></li>
								<li ><a href="http://localhost/pfcdata/proveedor_controller/eliminar_proveedor">Borrar un proveedor</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Personal<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/persona_controller/alta_persona">Dar de alta persona</a></li>
								<li ><a href="http://localhost/pfcdata/persona_controller/modificar_persona">Modificar persona</a></li>
								<li ><a href="http://localhost/pfcdata/persona_controller/eliminar_persona">Borrar persona</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Estado<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/estado_controller/alta_estado">Dar de alta estado</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Marca<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/marca_controller/alta_marca">Dar de alta marca</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">Modelo<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="http://localhost/pfcdata/modelo_controller/alta_modelo">Dar de alta modelo</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>


 

<!-- Lo tengo comentado porque si pulso el boton para guardar cambios me salta mensaje de que no hay seleccionados
	<p class="alert alert-error" style="margin: 1px;"><i class="icon-exclamation-sign"></i>No ha seleccionado ningún tipo de dispositivo.
-->

<form class="form-horizontal" id="deletetipodispositivo" action="http://localhost/pfcdata/dispositivo_controller/deleteTipoDispositivo" method="POST">
	<fieldset>
		<legend>Eliminar tipo de dispositivo</legend>
		<div class="control-group" align="center">
			<table class="table">
				<tr>
					<th>Seleccionar</th>
					<th>Nombre</th>
				</tr>
									<tr>
						<td><input type="checkbox" name="borrar[2]" value="2"></td>
						<td>otrodispositivo2</td>
					</tr>
									<tr>
						<td><input type="checkbox" name="borrar[6]" value="6"></td>
						<td>prueba3</td>
					</tr>
									<tr>
						<td><input type="checkbox" name="borrar[7]" value="7"></td>
						<td>prueba4</td>
					</tr>
							</table>
			<div class="paginacion">
				&nbsp;<a href="http://localhost/pfcdata/dispositivo_controller/deleteTipoDispositivo/">&lt;</a>&nbsp;<a href="http://localhost/pfcdata/dispositivo_controller/deleteTipoDispositivo/">1</a>&nbsp;<strong>2</strong>&nbsp;<a href="http://localhost/pfcdata/dispositivo_controller/deleteTipoDispositivo/6">3</a>&nbsp;<a href="http://localhost/pfcdata/dispositivo_controller/deleteTipoDispositivo/6">&gt;</a>&nbsp;
			</div>
		</div>

	<div class="form-actions">
		<button type="submit" class="btn btn-primary">Guardar Cambios</button>
		<button class="btn">Cancelar</button>
	</div>
</fieldset>
</form>




</body>
</html>

1 respuesta

JuAn4k4 #9 Jun '13

#8 Vale, con que hubieras puesto el trocito de la tabla valia, se ve que son iguales, que es simplemente cosa de estilos, prueba a meterle table-condensed a tu table

<table class="table table-condensed">

y quitar el

<div class="control-group" align="center">

(Ya que esto es para cada elemento del formulario, no para una tabla

1 respuesta

S

spectro200 #10 Jun '13

#9 Sigue desplazándose igual

He probado a hacer lo que me dices y nada. No obstante, lo que me dices que quite simplemente me centra la tabla, no debe de interferir en otra cosa.

Tunnecino #11 Jun '13

Lo mas seguro es que sea el contenedor del pagination (no el que tu has puesto, si no el que trae CodeIgniter por defecto), échale un ojo a la documentación.

HaxeR #12 Jun '13

#1 Me arriesgaria a decir que es un problema 100% de estilos y deberías poder solucionarlo rapidamente con el firebug. Yo lo primero que haria es quitar la clase 'table' de bootstrap a la tabla, y probar que ya no te lo haga. Luego vuelves a colocarla y con el firebug pinchas en la celda y vas viendo que estilos te esta cogiendo, deberías poder ver el problema rapidamente.

Si aún asi sigues sin poder solucionarlo, intenta subir los archivos a algún hosting gratuito y así podremos verlo mejor y decirte donde está el error exactamente.

1 respuesta

S

spectro200 #13 Jun '13

#12 Hola HaxeR, quitando la class table de bootstrap sigue haciéndolo. Cuelgo imágenes para que veáis el resultado. No tengo ningún inconveniente en subir el código, así que si así lo preferí lo hago.

El problema va a ser que la BD no la tenéis y no podréis probarlo bien.

S

spectro200 #14 Jun '13

aquí subo el proyecto por si alguien le puede y quiere hechar un vistazo. (Al cargar la aplicación hay que irse a dispositivos y a dar de baja tipo de dispositivos y ahí es donde esta la paginación.

https://mega.co.nz/#!pg0gVKRA!O_bkMSc1-HaEGytiAe5vsUACMQ5Zpkay0ZeM9i1luiM

S

spectro200 #15 Jun '13

cuando quito el nombre de los elementos que quiero paginar la tabla no se distorsiona.... es al imprimir los nombres de los elementos :S

S

spectro200 #16 Jun '13

He averiguado que el desplazamiento me lo hace al intentar imprimir los registros capturados de la Base de datos. Si directamente imprimo una cadena no me produce ese desplazamiento...

S

spectro200 #17 Jun '13

Ufff vaya tela... era problema de los estilos al final. No entiendo por qué me hacia eso bootstrap... Lo he solucionado de momento añadiendo unos estilos propios. Así no se mueven las columnas.

table {
   width: 100%;
}
th, td {
   width: 25%;
   text-align: left;
}

Gracias por comentarme posibles errores y ayudarme un poco a solucionarlo

1

desplazamiento al paginar

Controlador

Vista

pagina 1

pagina 2

Usuarios habituales

Tags