JSFiddle - React, Tailwind, and code Playground

HTML

<input type='button' value="Add New Row" id='addButton' />
    <table id="preq">
        <tbody>
            <tr id="row0">
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr id="row1">
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr id="row2">
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
</table>
<iframe id="iframe1" src="http://jqfaq.com/468X60AdPage.html" />

CSS

table tr td{
            height:25px;
            width:100px;
            border:1px solid green;
        }
#iframe1{
    border:none;
    width:100%;
    height:84px;
}

JavaScript

$(document).ready(function() {
    var counter = 3;
    $("#addButton").click(function() {
        if (counter > 10) {
            alert("Only 10 rows allowed");
            return false
        }
        $("#preq tbody").append('<tr id="row' + counter + '"><td></td><td></td><td></td></tr>');
        counter++;
    });
});