Javascript 不同列中嵌套表的行高相同
有没有办法使一列中嵌套表的行与另一列中嵌套表的行具有相同的高度Javascript 不同列中嵌套表的行高相同,javascript,html,css,Javascript,Html,Css,有没有办法使一列中嵌套表的行与另一列中嵌套表的行具有相同的高度 <tr> <td>1</td> <td>123 Technologies</td> <td> <table> <tbody> <tr> <td>Item 1</td>
<tr>
<td>1</td>
<td>123 Technologies</td>
<td>
<table>
<tbody>
<tr>
<td>Item 1</td>
</tr>
<tr>
<td>Item 2</td>
</tr>
<tr>
<td>Item 3</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<tbody>
<tr>
<td>Blah blah blah</td>
</tr>
<tr>
<td>Blah blah blah</td>
</tr>
<tr>
<td>Blah blah blah</td>
</tr>
</tbody>
</table>
</td>
</tr>
1.
123技术
项目1
项目2
项目3
废话废话
废话废话
废话废话
JSIDLE链接:
我想在下一列中将项目1与其对应的tr对齐,在下一列中将项目2与其tr对齐,以此类推
我很确定我可以用JavaScript实现这一点,但我认为这不是一个好主意,因为这个表将加载数百行。如果有可能更改布局:
<tr>
<td>1</td>
<td>123 Technologies</td>
<td colspan="2">
<table>
<tbody>
<tr>
<td style="width: 50%">Item 1</td>
<td>Blah blah blah</td>
</tr>
<tr>
<td>Item 2</td>
<td>Blah blah blah</td>
</tr>
<tr>
<td>Item 3</td>
<td>Blah blah blah</td>
</tr>
</tbody>
</table>
</td>
</tr>
1.
123技术
项目1
废话废话
项目2
废话废话
项目3
废话废话
否则,尽管您已经接受了一个答案,但我认为需要JS:Mary的答案有一个缺点,即列将不再与列标题对齐。最好不要嵌套表,而是使用
rowspan
:
<tbody>
<tr>
<td rowspan=2>2</td>
<td rowspan=2>XYZ Industries</td>
<td>Scope X</td>
<td>Description X</td>
</tr>
<tr>
<td>Scope Y</td>
<td>Description Y.</td>
</tr>
</tbody>
2.
XYZ工业
范围X
说明十
范围Y
描述Y。
谢谢,玛丽。在你回答之前,我正在研究这个问题。哈哈,再次谢谢你。