JSFiddle - React, Tailwind, and code Playground

HTML

<table id='mytable'><tr><td>id</td><td>name</td><td>place</td><td>view</td></tr>
    <tr><td>1</td><td>A</td><td>C</td><td id='td'>IMG</td></tr>
<tr><td>2</td><td>B</td><td>D</td><td id='td'>IMG</td></tr></table>

JavaScript

var tRow="<tr><td colspan='4'><table id='mytable'><tr><td>id</td><td>name    </td><td>name</td><td>age</td></tr><tr><td>1</td><td>ABC</td><td>CDE</td><td>10</td></tr><tr><td>CBD</td><td>ADS</td><td>20</td><td>IMG</td></tr></table></td></tr>";

$('#td').click(function(){ 
$(this).parent('tr').after(tRow );
});