JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <th>Id</th>
    <th>Name</th>
    <th>Place</th>
    <th>Image</th>
    <tr class="row">
        <td>1</td>
        <td>test</td>
        <td>test</td>
        <td>test</td>
    </tr>
    <tr class="row">
        <td>1</td>
        <td>test</td>
        <td>test</td>
        <td>test</td>
    </tr>
    <tr class="row">
        <td>1</td>
        <td>test</td>
        <td>test</td>
        <td>test</td>
    </tr>
</table>

JavaScript

$(document).ready(function(){
    $(".row").click(function(){
       
        $(this).after("<tr><table><th>name<th/><th>fname<th/><th>lname<th/><th>age<th/><tr><td>abc</td><td>pqr</td><td></td>retest<td>23</td></tr></table></tr>");
    });
    
    });