Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Grid com boostrap no php

Olá amigos Faz tempo que não faço nada em php e bootstrap por isso preciso da ajuda de vocês. O código abaixo funciona ok, mas a tabela fica toda bagunçada toda torta um coluna maior que outra, pena que não tem a opção de enviar print aqui. Depois que setei o valor das colunas até que melhorou mas mesmo assim ficou muito feito. Como vocês solucionam esse problema ?

<?php include ("topo.php"); ?>
<?php include ("fabricadeConexaoSql.php"); ?>



<?php

$campo1 ="ID_CORRIDA";  #Nome do campo da tabela
$campo2 ="nm_solicitante";  #Nome de outro campo da tabela
$campo3 ="Endereco";
$campo4 ="DS_COMPLEMENTO";  #Nome do campo da tabela
$campo5 ="nm_BAIRRO";  #Nome de outro campo da tabela
$campo6 ="NR_MOTOQUEIRO";
$campo7 ="DS_CATEGORIA_TELEFONE";


$instrucaoSQL = "select top 100 $campo1,$campo2,$campo3,$campo4,
                                $campo5,$campo6,$campo7
from vw_corridas_all  order by id_corrida desc ";

$params = array();
$options =array("Scrollable" => SQLSRV_CURSOR_KEYSET);
$consulta = sqlsrv_query($conn, $instrucaoSQL, $params, $options);
$numRegistros = sqlsrv_num_rows($consulta);

echo "Esta tabela contém $numRegistros registros!\n<hr>\n";
?>

<?php

if ($numRegistros !=0) {
    while ($cadaLinha = sqlsrv_fetch_array($consulta, SQLSRV_FETCH_ASSOC)
  )
  {
        echo"
    <table class='table table-bordered table-striped table-responsive '>
    <tr>
      <th width='70'>Protocolo</th>
        <th width='200'>Solicitante</th>
          <th width='300'>Endereço</th>
          <th width='100'>Complemento</th>
              <th width='200'>Bairro</th>
              <th width='200'>Moto</th>
                 <th width='300'>Categoria Fone</th>
    </tr>
    <tr>
      <td>$cadaLinha[$campo1]</td>
      <td>$cadaLinha[$campo2]</td>
      <td>$cadaLinha[$campo3]</td>
      <td>$cadaLinha[$campo4]</td>
      <td>$cadaLinha[$campo5]</td>
      <td>$cadaLinha[$campo6]</td>
      <td>$cadaLinha[$campo7]</td>
    </tr>
 ";
</table>             
            }
}
2 respostas
solução!

Uma sugestão poderia ser colocar classes no cabeçalho da coluna, como sugerido neste link:

http://eric.sau.pe/custom-column-widths-in-bootstrap-tables/

Outra alternativa seria criar estilos personalizados. No link abaixo, no final, tem um print de tela onde tem uma tabela com alguns conteúdos grandes mas largura de coluna igual. Veja se esta dica serve para você

https://stackoverflow.com/questions/15115052/bootstrap-how-to-set-up-fixed-width-for-td

Obrigado a todos os exemplo foi perfeito