2
I have a system in which shows 8 data per page, my problem and that when pagination has only one data on the page or 2 is on the data side, like: data 1 - data 2 - Page 1, I wanted it to be at the end of the page as it happens when it has 8 data... Follow the code:
<?php
include_once("../../conn/conexao.php");//faz a conexao com o banco de dados
//verifica a página atual caso seja informada na URL, senão atribui como 1ª página
$pagina = (isset($_GET['pagina']))? $_GET['pagina'] : 1;
//seleciona todos os itens da tabela
$cmd = "select * from tb_numeros";
$produtos = mysqli_query($conexao, $cmd);
//conta o total de itens
$total = mysqli_num_rows($produtos);
//seta a quantidade de itens por página, neste caso, 2 itens
$registros = 8;
//calcula o número de páginas arredondando o resultado para cima
$numPaginas = ceil($total/$registros);
//variavel para calcular o início da visualização com base na página atual
$inicio = ($registros*$pagina)-$registros;
//seleciona os itens por página
$cmd = "select * from tb_numeros limit $inicio,$registros";
$produtos = mysqli_query($conexao, $cmd);
$total = mysqli_num_rows($produtos);
//exibe os produtos selecionados
echo "<div class='container'>
<div class='row pricing text-center'>
";
$cont=0;
while ($produto = mysqli_fetch_array($produtos)){
echo"<div class='col-md-3'>
<div class='well'>";
echo "<h3><b>".$produto['numero']."</b></h3>
<hr>
<p>Chip: ".$produto['nchip']."</p>
<hr>
<p>IMEI: ".$produto['imei']."</p>
<hr>
<div class='col-xs-6'>
<a href='deletarn.php?numero=".$produto['numero']."' class='btn btn-danger btn-block'><span class='glyphicon glyphicon-trash'></span></a></div>
<div class='col-xs-6'><a href='#info".$cont."' data-toggle='modal' class='btn btn-success btn-block'><span class='glyphicon glyphicon-plus'></span> Info</a></div>
<div class='modal fade' id='info".$cont."' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-header'>
<button type='button' class='close' data-dismiss='modal'><span aria-hidden='true'>×</span><span class='sr-only'>Close</span></button>
<h3 class='modal-title' id='lineModalLabel' align='center'>Dados do Telefone</h3>
<div class='modal-body'>
<div class='form-group'>
<div class='col-xs-12'><center>
<label for='exampleInputPassword1'>Funcionário</label></center>
<input type='text' name='funcionario' class='form-control' value=".$produto['funcionario']." style='text-align: center;' readonly='readonly' id='letras' required>
<br></div>
</div>
<div class='form-group'>
<div class='col-xs-4'><center>
<label for='exampleInputPassword1'>Número</label></center>
<input type='text' name='numero' class='form-control' id='exampleInputPassword1' value=".$produto['numero']." style='text-align: center;' readonly='readonly' >
</div>
</div>
<div class='form-group'>
<div class='col-xs-2'><center>
<label for='exampleInputPassword1'>RCA</label></center>
<input type='text' name='rca' class='form-control' id='exampleInputPassword1' value=".$produto['rca']." style='text-align: center;' maxlength='4' readonly='readonly' onkeypress='return SomenteNumero(event)' required>
</div>
</div>
<div class='form-group'>
<div class='col-xs-6'><center>
<label for='exampleInputPassword1'>Região</label></center>
<input type='text' name='regiao' class='form-control' id='exampleInputPassword1' value=".$produto['regiao']." style='text-align: center;' readonly='readonly' required>
<br></div>
</div>
<div class='form-group'>
<div class='col-xs-6'><center>
<label for='exampleInputPassword1'>Número Chip</label></center>
<input type='text' name='nchip' class='form-control' id='exampleInputPassword1' value=".$produto['nchip']." style='text-align: center;' readonly='readonly' >
</div>
</div>
<div class='form-group'>
<div class='col-xs-6'><center>
<label for='exampleInputPassword1'>IMEI</label></center>
<input type='text' name='imei' class='form-control' id='exampleInputPassword1' value=".$produto['imei']." style='text-align: center;' readonly='readonly' >
<br></div>
</div>
<div class='form-group'>
<div class='col-xs-12'><center>
<label for='exampleInputPassword1'>Cadastrado Por</label></center>
<input type='text' name='usuario' class='form-control' id='exampleInputPassword1' value=".$produto['usuario']." style='text-align: center;' readonly='readonly' >
<br></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
";
$cont++;
}
echo "<div class='text-center'><ul class='pagination pagination-large'>";
for($i = 1; $i < $numPaginas + 1; $i++) {
echo "
<li><a href='visualizarn.php?pagina=$i'>".$i."</a></li> ";
}
echo"</ul></div>
</div>
</div>
";
?>How does it look:
Plus if I add all the numbers It’s the way I want it, which is exactly like this:
Post an image of how it is and how it should look. Probably your problem is with CSS, if Grid is with Float, you will need a Clear-Fix. But the images make it easier to understand
– hugocsl
@hugocsl put the picture in the question of a look, I use bootstrap
– Ferb