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...
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