Jump to content
Sign in to follow this  
TiagoWanderley

Formatação de tabela

Recommended Posts

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!!!

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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>

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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??

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.