JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<thead>
<tr>
<th>Coluna A</th>
<th>Coluna B</th>
<th>Coluna C</th>
</tr>
</thead>
<tbody>
<tr class="linha">
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr class="linha">
<td>3</td>
<td>3</td>
<td>4</td>
</tr>
</tbody>
</table>
<button type="text" id="botao">Remover dados repetidos nas linhas</button>
CSS
table, th, td {
text-align : center;
border: 1px solid black;
}
JavaScript
document.querySelector('#botao').addEventListener('click', function(){
//pega todas as trs
trs = document.querySelectorAll('.linha');
//para cada tr
trs.forEach(function(tr){
//pega todas tds
tds = tr.querySelectorAll('td');
//cria um array referente aos dados da tr
let dadosDaLinha = [];
//para cada td
tds.forEach(function(td){
//pega o dado da td
let dado = td.textContent;
//testa se o dado já existe na linha
if(dadosDaLinha.includes(dado)){
//se existe, é repetido, entao apaga
td.textContent = '';
}
//adiciona o dado na lista para testar depois se ele ja apareceu
dadosDaLinha.push(dado);
});
});
});