Formatação de tabela

[TiagoWanderley 1]

Olá galerinha!!!

 

Estou com um probleminha na formatação da minha tabela, vou explicar melhor:

 

Tenho uma tabela de resultados de pesquisa onde uso uma checkbox na primeira coluna só que não estou conseguindo definir uma largura para as colunas. Alguem poderia me dar uma luz de como consigo definir a largura das colunas em uma tabela no CSS? Segue abaixo:

 

 

CSS da tabela:

table{
	width:100%;
	border:1px solid #ccc;
}

table thead th{
  background-color:Gray;
  padding:6px;
  color:#fff;
  text-align: left;
  font-size:14px;
}

table thead th.header{
  cursor:pointer;
}

table tbody td{
	padding:6px;
	text-align:left;
	color:#333;
}

table tbody tr.odd td{
  background-color:LightGray;
}

table tbody tr.hover td{
  background-color:#a9d0f5;
}

table tbody tr.selected td{
  background-color:#a9f5a9!important;
}

Obrigado!!!

[Public2004 79]

Basicamente é com o "width" que você define a largura.

Um exemplo de tabela em 100% em que você tenha 3 colunas, seria definir a largura de cada uma delas até chegar nos 100% - ou pelo menos 2 colunas para que a terceira assuma o percentual restante.

Uma tabela com mais de 500 linhas você não precisa definir em cada célula o estilo, aplique apenas nas células do cabeçalho (thead), um ex ma ou meno:

.th-10 { width: 10% }

.th-20 { width: 20% }

.th-30 { width: 30% }

Então aplique esse estilo as células do cabeçalho da sua tabela:

<table><thead><th class='th-10'>....

 

Att.

[TiagoWanderley 1]

Public,

 

Fiz a aplicação de acordo com o mostrado e consegui definir a largura de algumas colunas menos a coluna que se encontra a checkbox não entendi o motivo dela não estar pegando o CSS vou postar o código:

<table cellspacing="0">
  <thead>
    <tr>

        <th class="th-1" align=center>#</th>
        <th class="th-2" align=center>ID</th>
        <th class="th-3" align=center>Categoria</th>
        <th class="th-4" align=center>Produto</th>
        <th class="th-5" align=center>Descrição</th>
   </tr>
  </thead> 

<tbody>
  <?php 

     $sql = mysql_query("SELECT * FROM banco_produto");
     $query = mysql_fetch_assoc($sql);

  do{ ?>

    <tr>
      <td><input type="checkbox" name="info[]"value=" <tr><td><?php echo $query['id'] ?></td></tr>">
   </td>
      <td><?php echo $query['id']?></td>
      <td><?php echo $query['categoria']?></td>
      <td><?php echo $query['produto']?></td>
      <td><?php echo $query['descricao']?></td>

   </tr>


          <?php }while($query = mysql_fetch_assoc($sql))?>
  </tbody>
 </table>

[Public2004 79]

Aparentemente parece ok, já checou os estilos? Talvez o caso de definir uma porcentagem menor para a largura da primeira coluna. Agora eu não entendi porque no loop, a primeira célula você está definindo no "value" do checkbox o valor entre as tags tr e td - não seria o caso se assim necessário, aplicar essas tags quando resgatar esses valores?

 

No mais pode ser algum pequeno detalhe que está passando batido.

 

Att.

[Fábio BN 17]

Oi.

 

Eu fiz um teste aqui com uma tabela em width 100%, funcionou bem usando o formato abaixo. faz um teste.

 

<table width="100%" border="0" cellspacing="0">
<tr>
<td width="9%" align="center" valign="middle" style="text-align: center">#</td>
<td width="10%" align="center" valign="middle" style="text-align: center">ID</td>
<td width="27%" align="center" valign="middle" style="text-align: center">Categoria</td>
<td width="24%" align="center" valign="middle" style="text-align: center">Produto</td>
<td width="30%" align="center" valign="middle" style="text-align: center">Descrição</td>
</tr>

<?php

$sql = mysql_query("SELECT * FROM banco_produto");
$query = mysql_fetch_assoc($sql);

do{ ?>

 

<tr>
<td align="center" valign="middle" style="text-align: center"><input type="checkbox" name="info[]" value="<?php echo $query['id'] ?>"></td>
<td align="center" valign="middle" style="text-align: center"><?php echo $query['id']?></td>
<td align="center" valign="middle" style="text-align: center"><?php echo $query['categoria']?></td>
<td align="center" valign="middle" style="text-align: center"><?php echo $query['prpduto']?></td>
<td align="center" valign="middle" style="text-align: center"><?php echo $query['descricao']?></td>
</tr>

 

<?php }while($query = mysql_fetch_assoc($sql))?>
</table>

 

Abraços!

[TiagoWanderley 1]

Essa macumba aqui ta imoral!! kkkkk

 

Fábio já tinha feito essa definição e não tinha dado certo mas de qualquer forma tentei novamente e continuou não dando certo. Mas Obrigado assim mesmo!!!

 

Public, Realmente fica melhor colocar as tag no resgates. O estilo é esse que postei no começo, cheguei ate achar que tinha uma definição própria para o checkbox mais nada. Não queria, mais estou vendo que vou ter que rescrever todo o estilo.. :( :( :( :( :( .

 

Abraço a todos!

[Electronic 124]

Essa macumba aqui ta imoral!! kkkkk

 

nada de macumba

vc alem de criar uma coluna a mais que o cabeçalho, criou uma linha (tr) dentro da td

<td><input type="checkbox" name="info[]"value=" <tr><td><?php echo $query['id'] ?></td></tr>">
</td>

o que foi isso??

[Fábio BN 17]

Oi.

 

Se vc colocar a largura em Pixel da tabela, e definir percentual para dada coluna, a tabela fica com valores fixos.

 

 

<table width="900" border="0" cellspacing="0">
<tr>
<td width="9%" align="center" valign="middle" style="text-align: center">#</td>
<td width="10%" align="center" valign="middle" style="text-align: center">ID</td>
<td width="27%" align="center" valign="middle" style="text-align: center">Categoria</td>
<td width="24%" align="center" valign="middle" style="text-align: center">Produto</td>
<td width="30%" align="center" valign="middle" style="text-align: center">Descrição</td>
</tr>

<?php

$sql = mysql_query("SELECT * FROM banco_produto");
$query = mysql_fetch_assoc($sql);

do{ ?>

 

<tr>
<td align="center" valign="middle" style="text-align: center"><input type="checkbox" name="info[]" value="<?php echo $query['id'] ?>"></td>
<td align="center" valign="middle" style="text-align: center"><?php echo $query['id']?></td>
<td align="center" valign="middle" style="text-align: center"><?php echo $query['categoria']?></td>
<td align="center" valign="middle" style="text-align: center"><?php echo $query['prpduto']?></td>
<td align="center" valign="middle" style="text-align: center"><?php echo $query['descricao']?></td>
</tr>

 

<?php }while($query = mysql_fetch_assoc($sql))?>
</table>

 

Abraços!