TiagoWanderley 1 Denunciar post Postado Julho 28, 2015 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!!! Compartilhar este post Link para o post Compartilhar em outros sites
Public2004 79 Denunciar post Postado Julho 28, 2015 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. Compartilhar este post Link para o post Compartilhar em outros sites
TiagoWanderley 1 Denunciar post Postado Julho 28, 2015 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> Compartilhar este post Link para o post Compartilhar em outros sites
Public2004 79 Denunciar post Postado Julho 28, 2015 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. Compartilhar este post Link para o post Compartilhar em outros sites
Fábio BN 17 Denunciar post Postado Julho 28, 2015 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! Compartilhar este post Link para o post Compartilhar em outros sites
TiagoWanderley 1 Denunciar post Postado Julho 29, 2015 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! Compartilhar este post Link para o post Compartilhar em outros sites
Electronic 124 Denunciar post Postado Julho 29, 2015 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?? Compartilhar este post Link para o post Compartilhar em outros sites
Fábio BN 17 Denunciar post Postado Julho 29, 2015 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! Compartilhar este post Link para o post Compartilhar em outros sites