jquery - 如何使用 jquery 平衡两个动态表行的高度

Question

我这里有两个动态表。表行的详细信息是动态的。我如何使用 jquery 平衡两个动态表行的高度我的 fiddle 在这里 http://jsfiddle.net/kannankds/2yvj3/14/

<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>

Answer 1

您可以将以下 css 应用于 td 和 th 元素:

td,th {
    white-space: nowrap;
}

DEMO