Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lezão

Como colocar o efeito “cor sim” e “cor não” em linhas da tabela

Por , em Desenvolvimento frontend

Recommended Posts

gabriel-costa    1

gabriel-costa
Postado

Só uma pergunta Lezão.

 

Você está chamando o jQuery lá no header do seu site?

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

No exemplo que você colocou ai, não esta presente o código acima.

 

Você precisa chamar a biblioteca jQuery para funcionar o código.

 

Confere ai.

Compartilhar este post

Link para o post
Compartilhar em outros sites

reebr    94

reebr
Postado

É o seu código que está errado :unsure: . Veja seu HTML:

<tr class="tbcor1">

"tbcor1" está sendo aplicado em um elemento <tr>. Agora veja o seu CSS:

tbcor1 tr:nth-child(odd) {
   background-color: #bbbbff;
}

Você quer que os filhos pares de <tr> dentro de .tbcor1( que é uma <tr> ) tenham essa regra. Mas, dentro de ".tbcor1" não tem nenhum <tr>. Veja:

<tr class="tbcor1"> 
    <td><%=rs("id_Produto")%></td> <!-- <tr??? -->
    <td> </td> <!-- <tr??? -->
    <td> </td> <!-- <tr??? -->
 </tr>

Por isso não funciona, simples. A minha sugestão foi que você aplicasse NA TABELA, sem mexer no corpo dela.

<head>
   <style>
      .minha-tabela tr:nth-child(odd) {
           background: #bbbbff;
       }
   </style>
</head>
<body>
    <!-- seu código -->

   <table class='minha-tabela' width="100%" border="0" cellspacing="0" cellpadding="0">
       <% While Not rs.EOF AND x < rs.PageSize
            x = x + 1 
            q = q + 1 
       %>

       <tr> 
           <td><%=rs("id_Produto")%></td>
           <td> </td>
           <td> </td>
       </tr>  
   </table>  

  <!-- seu código -->
</body>

Agora, você quem sabe, se acha que é realmente necessário fazer uso de javascript (de um plugin) somente para colorir as linhas de uma tabela... bom, você quem sabe.

 

:thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

phaelmoraes    0

phaelmoraes
Postado

se for usar php

<style>
tr{ backgound-color:cor1; }
</style>

<?php 
$style = 1;

while($tabela = $table->fetch_assoc()){ ?>


<tr  style=<?=$style?>> Linha da tabela</tr>

<?php
$style = "background-color:cor2";
 } ?>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito