Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

removendo o cabeçalho ao dar um duplo click erro

ao darmos um duplo click nas tds, estamos removendo as tr, logo quando removemos as tds do cabeçalho, removemos o cabeçalho da tabela. se poderem dar algumas sugestões...

3 respostas

E aí, João! Beleza? =)

Você poderia postar aqui o seu HTML e o seu JS com a função de remoção, por favor? =)

Fábio

o código da remoção

var tabela = document.querySelector("table");

   tabela.addEventListener("dblclick", function(event){ 

     event.target.parentNode.classList.add("fadeOut");

       setTimeout(function(){  
         event.target.parentNode.remove();

       }, 500); 
   });

parte da tabela.

<table>
                    <thead>
                        <tr>
                            <th>Nome</th>
                            <th>Peso(kg)</th>
                            <th>Altura(m)</th>
                            <th>Gordura Corporal(%)</th>
                            <th>IMC</th>
                        </tr>
                    </thead>
                    <tbody id="tabela-pacientes">
                        <tr class="paciente" id="primeiroPaciente" >
                            <td class="info-nome">alan</td>
                            <td class="info-peso">900</td>
                            <td class="info-altura">3.9</td>
                            <td class="info-gordura">10</td>
                            <td class="info-imc">0</td>
                        </tr>
solução!

Opa, você poderia tentar fazer a alteração abaixo no seu código, por favor? A primeira linha, onde está var tabela = document.querySelector("table");, por:

var tds = document.querySelectorAll("table td");

Aí lembra de alterar todos os lugares que chamam tabela, por tds. =)

Espero ter ajudado, mas se não resolver, dá um toque aqui que a gente vai vendo até resolver. =)

Fábio