JSFiddle - React, Tailwind, and code Playground

HTML

<table>
   <tr>
      <td>
         <table class="data">
            <tr>
               <td class="stats-hide">
                  <a href="#" class="toggle-stats">Hide</a>
               </td>
               <td class="stats-show">
                  <a href="#" class="toggle-stats">Show</a>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr class="stats-hide">
      <td>
        Some Data
      </td>
   </tr>
</table>

CSS

table {
    margin: 10px;
    padding: 10px;
}
.data {
    margin-left: auto;
    text-align: right;
}
td {
    margin: 10px;
    padding: 10px;
    border: 2px solid;
}
td.stats-show {
    display: none;
}

JavaScript

$(".toggle-stats").click(function() {
    $(".stats-hide, .stats-show").toggle();
});