JSFiddle - React, Tailwind, and code Playground

by Jader Wagner

HTML

<table>
<tr>
<td>Coluna 1</td>
<td>Coluna 2</td>
<td>Coluna 3</td>
<td class="no-print">Coluna 4</td>
</tr>
<tr>
<td>Coluna 1</td>
<td>Coluna 2</td>
<td>Coluna 3</td>
<td class="no-print">Coluna 4</td>
</tr>
<tr>
<td>Coluna 1</td>
<td>Coluna 2</td>
<td>Coluna 3</td>
<td class="no-print">Coluna 4</td>
</tr>
</table>

CSS

.no-print {
	opacity:.5;
}

@media print {
    .no-print {
		display:none;
    }
}

JavaScript

$(document).ready(function() {
	$('td').click(function() {
		var indice = $(this).index() + 1;
        $(this).parents('table').find('td:nth-child('+indice+')').toggleClass('no-print');
	});
});