JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<table class="truthtable c1hide c2hide c3hide c4hide">
<thead><tr>
	<td onclick="toggleColumn(0);"><label>p</label></td><td onclick="toggleColumn(0);"><label>q</label></td><th onclick="toggleColumn(1);"><label>p → q</label></th><th onclick="toggleColumn(2);"><label>¬q → ¬p</label></th><th onclick="toggleColumn(3);"><label>q → p</label></th><th onclick="toggleColumn(4);"><label>¬p → ¬q</label></th></tr></thead><tbody><tr><td class="col0" style="background-color:#EEFFEE">T</td><td class="col0" style="background-color:#EEFFEE">T</td><th class="col1" style="background-color:#EEFFEE">T</th><th class="col2" style="background-color:#EEFFEE">T</th><th class="col3" style="background-color:#EEFFEE">T</th><th class="col4" style="background-color:#EEFFEE">T</th></tr><tr><td class="col0" style="background-color:#EEFFEE">T</td><td class="col0">F</td><th class="col1">F</th><th class="col2">F</th><th class="col3" style="background-color:#EEFFEE">T</th><th class="col4" style="background-color:#EEFFEE">T</th></tr><tr><td class="col0">F</td><td class="col0" style="background-color:#EEFFEE">T</td><th class="col1" style="background-color:#EEFFEE">T</th><th class="col2" style="background-color:#EEFFEE">T</th><th class="col3">F</th><th class="col4">F</th></tr><tr><td class="col0">F</td><td class="col0">F</td><th class="col1" style="background-color:#EEFFEE">T</th><th class="col2" style="background-color:#EEFFEE">T</th><th class="col3" style="background-color:#EEFFEE">T</th><th class="col4" style="background-color:#EEFFEE">T</th></tr></tbody></table>
Testing
<table> 
<thead><tr><th>Test</th><th>Second table</th></tr></thead>
  <tbody><tr><td>1</td><td>word...</td></tr>
  <tr><td>2</td><td> new words...</td></tr>
  </tbody>
  </table>
</div>

CSS

table.c0hide .col0 { visibility: hidden; }
 table.c1hide .col1 { visibility: hidden; }
 table.c2hide .col2 { visibility: hidden; }
 table.c3hide .col3 { visibility: hidden; }
 table.c4hide .col4 { visibility: hidden; }
 
 table .truthtable, tr .truthtable, th .truthtable { text-align: center; }
 
 label:hover {
	            outline: thin solid;
	            cursor: cell;
	            }

JavaScript

function toggleColumn(n) {
		var TT = document.querySelector(".truthtable")
    var c = TT.className;
    if (c.includes("c"+n+"hide")) 
        TT.className = c.replace("c"+n+"hide", "").trim();
    else 
        TT.className += " c"+n+"hide";
}