0

我很难考虑如何用这个词来表达，所以如果没有意义，请告诉我。

我有一张看起来像这样的桌子

Name     | Email          | Phone
John Doe | jdoe@email.com | 555-5555
Jane Doe | jdoa@email.com | 555-5555

现在让我们说每个列出的名称都是一个链接。当您单击该链接时，您所在的行与其下方的行之间会出现一个区域。这个新区域将其下方的所有东西都推倒了。这个新区域不能局限于表格列的结构，可以有比常规行更大的长度，但应该限制在表格的宽度范围内。

像这样的东西：

Name     | Email          | Phone
John Doe | jdoe@email.com | 555-5555
^
This is an area that was once hidden
but now is shown.
Jane Doe | jdoa@email.com | 555-5555

（胡萝卜只是我为该区域显示一个假想框的版本）

我所拥有的是我的表，所有行都填满了，还有一个指向我创建的 js 函数的链接。这个函数接受一个id并调用jquery的slideToggle函数。对于我创建的每一行，我还要创建第二行，在其中设置 display = none。显然这不起作用，因为该表行现在被限制为所有其他行的列宽（实际上它只是扩展了第一行）。

关于如何做到这一点的任何建议？

4

1 回答 1

0

colspan如果您的表格是固定数量的单元格宽，您可以使用单元格的属性添加一个包含单个单元格的行，该单元格跨越所有单元格：

<tr>
 <td colspan="3">
  <!-- content -->
 </td>
</tr>
于 2010-09-30T23:03:12.597 回答