JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://tablesorter.com/__jquery.tablesorter.min.js"></script>
<link rel="stylesheet" href="http://resources.local/618/admin/v3/css/plugins/tablesorter.css">
<button class="delete-row">Delete Row</button>

<table>
    <thead>
        <tr>
            <th>Col 1</th>
            <th>Col 2</th>
            <th>Col 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Col 1 Data</td>
            <td>Row 1 Col 2 Data</td>
            <td>Row 1 Col 3 Data</td>
        </tr>
        <tr>
            <td>Row 2 Col 1 Data</td>
            <td>Row 2 Col 2 Data</td>
            <td>Row 2 Col 3 Data</td>
        </tr>
        <tr>
            <td>Row 3 Col 1 Data</td>
            <td>Row 3 Col 2 Data</td>
            <td>Row 3 Col 3 Data</td>
        </tr>
    </tbody>
</table>

CSS

table tr td, table tr th {
    padding: 10px;
}
table tr {
    text-align: left;
}

JavaScript

$(document).ready(function() {
    $("table").tablesorter();
    
    $(".delete-row").unbind("click").click(function() {
        $("table tbody tr:last-child").remove(); 
    });
});