Ir para conteúdo

POWERED BY:

Arquivado

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

phchenrique

BootStrap - Collapse multiplo com apenas um Click

Por , em Javascript

Recommended Posts

phchenrique    0

phchenrique
Postado

Olá Pessoal,

 

Estou na tentativa de montar uma tabela dinâmica similar a do Excel no PHP, entretanto estou encontrando um obstaculo...

Quando clico para expandir as linhas (<tr>) ele só expande uma, entretanto precisava que ele expandisse todos que estão com o determinado id ao invés de realizar o processo com apenas uma .. 

<html>
<table class="table table-hover table-responsive " style="width: auto;">
       <tr>
        <td>Supervisor</td>
        <td>Vencido</td>
        <td>Vencer</td>
        <td>Inadimplencia</td>
    </tr>
    
    <tr>
        <td data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> 
          <p href="#">MARCELO</p>
        </td>
        <td > 200</td>
        <td>100</td>
        <td>50%</td>
    </tr>
     <tr id="collapseOne" class="panel-collapse collapse out" role="tabpanel" aria-labelledby="headingOne" >
        <td data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" >
            1.2.01 PATRICIA DALPIM</td>
        <td>3123</td>
        <td>4343</td>
        <td>45,5%</td>
    </tr>
    
    
    

     <tr class="collapse" id="collapseExample"  >   
        <td   >
            AM VIEIRA</td>
        <td>3123</td>
        <td>4343</td>
        <td>45,5%</td>
    </tr>
    
    <tr class="collapse" id="collapseExample"  >
        <td  >
            PAULO ROBERTO</td>
        <td>3123</td>
        <td>4343</td>
        <td>45,5%</td>
    </tr>
    <tr class="collapse" id="collapseExample"  >
        <td  >
            CARLOS ANTONIO</td>
        <td>3123</td>
        <td>4343</td>
        <td>45,5%</td>
       </tr>

    
    
    </table>
</html>

Alguma sugestão ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

IDs são identificadores únicos. Vc não pode ter mais de um elemento com o mesmo ID.

Vc tem q usar classes nesse caso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Vou te mover para JavaScript, visto q não é php sua dúvida.

Compartilhar este post

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

Informação importante

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

  Aceito