JSFiddle - React, Tailwind, and code Playground

by Paulpro

HTML

<table id="thetable">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>Middle row, will be deleted</td>
        <td>You will not see this</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

JavaScript

var data = {};
data.d = [{FirstName: 'Beaner', Age: '20'}, 
          {FirstName: 'Cheese', Age: '98'},
          {FirstName: 'Martin', Age: '45'}];
 
$('#thetable tr').not(':first').not(':last').remove();
var html = '';
for(var i = 0; i < data.d.length; i++)
            html += '<tr><td>' + data.d[i].FirstName + '</td><td>' + data.d[i].Age + '</td></tr>';
$('#thetable tr').first().after(html);