JSFiddle - React, Tailwind, and code Playground

HTML

<button>hide rows</button>
<table>
    <tr>
      <td>100</td>
      <td>200</td>
      <td>300</td>
    </tr>
    <tr>
      <td>400</td>
      <td>500</td>
      <td>600</td>
    </tr>
    <tr>
      <td>700</td>
      <td>800</td>
      <td>900</td>
    </tr>    
</table>

CSS

td { border: 1px solid gray; }

JavaScript

//wrap table data in 
$('tr').not(':first').children('td').wrapInner('<div>');

$('button').click( function() {
    $('td > div').slideUp(1000, function() {
        $(this).parent().slideUp();
    });
});