I am facing an issue with my two dynamic tables. The rows in the tables contain details that are generated dynamically. Is there a way to ensure that the heights of the rows in both tables are balanced using jQuery? You can check out my fiddle here.
<table>
<tr>
<th>name</th>
<th>lastname</th>
</tr>
<tr>
<td>name1 name2 name3</td>
<td>name1</td>
</tr>
<tr>
<td>name1 name2 name3</td>
<td>name1</td>
</tr>
</table>
<table>
<tr>
<th>details1</th>
<th>details2</th>
</tr>
<tr>
<td>sadsad</td>
<td>asdsd</td>
</tr>
<tr>
<td>sadsad</td>
<td>asdsd</td>
</tr>
</table>