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...
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
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...
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>
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