JSFiddle - React, Tailwind, and code Playground

HTML

<button onclick="removeBody()">Delete Row</button>
<table id="table">
    <thead>
      <tr>
        <td>head1</td>
        <td>head2</td>
      </tr>
    </thead>
      <tbody>
        <tr>
          <td>body1</td>
          <td>body2</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td>footer1</td>
          <td>footer2</td>
        </tr>
      </tfoot>
    </table>

JavaScript

function removeBody(){
 	var tbl = document.getElementById("table");   // Get the table
	tbl.removeChild(tbl.getElementsByTagName("tbody")[0]); // Remove first instance of body