JSFiddle - React, Tailwind, and code Playground
HTML
<button class="bc" onclick="criarTabela(this)">Criar Tabela</button>
<button class='bc' onclick="incluirLinha()">Criar Linha</button>
<table id="codexpl">
<tr>
<th>#</th>
<th>Columna</th>
<th>Relative</th>
<th>Isso</th>
</tr>
<tr>
<td>1</td>
<td>This</td>
<td>Column</td>
<td>
<button class='bc' onclick="excluirLinha(this)">Excluir Linha</button>
</td>
</tr>
<tr>
<td>2</td>
<td>Coloumn</td>
<td>two</td>
<td>
<button class='bc' onclick="excluirLinha(this)">Excluir Linha</button>
</td>
</tr>
<tr>
<td>3</td>
<td>is</td>
<td>not equals</td>
<td>
<button class='bc' onclick="excluirLinha(this)">Excluir Linha</button>
</td>
</tr>
<tr>
<td>4</td>
<td>the</td>
<td>Column</td>
<td>
<button class='bc' onclick="excluirLinha(this)">Excluir Linha</button>
</td>
</tr>
<tr>
<td>5</td>
<td>first</td>
<td>One</td>
<td>
<button class='bc' onclick="excluirLinha(this)">Excluir Linha</button>
</td>
</tr>
</table>
CSS
table td {
background: #ccf;
padding: 5px;
}
JavaScript
function incluirLinha() {
T1 = document.getElementById("T1"); // obtem tabela
TR = T1.insertRow(T1.rows.length); // insere linha final
TR.innerHTML =
"<td><input class='ic' type='text' value=''/></td>" +
"<td><input class='ic' type='text' value=''/></td>" +
"<td><input class='bc' id='e' type='button' value='X' onclick= 'excluirLinha()'/></td>";
}
function excluirLinha(el) {
var tr = el;
while (tr.nodeName != "TR" && tr.parentNode) {
tr = tr.parentNode;
}
tr.parentNode.removeChild(tr);
}