JSFiddle - React, Tailwind, and code Playground

by Chuan Shao

HTML

<table>
  <thead>
    <th>X</th>
    <th class="yclass">Y</th>
    <th>Z</th>
  </thead>
  <tbody>
    <tr>
      <td>42</td>
      <td class="yclass">45</td>
      <td>46</td>
    </tr>
    <tr>
      <td>72</td>
      <td class="yclass">62</td>
      <td>22</td>
    </tr>
  </tbody>
</table>
<button onclick="window.toggleColumn()">
Click
</button>

CSS

.hide {
  display: none;
}

JavaScript

window.toggleColumn = function() {
  $('.yclass').toggleClass('hide');
};