我需要一个表格设计的建议：）
我想创建一个如下所示的表：http://jsfiddle.net/HZh7T/，包含展开/折叠行。对于上面的示例，我使用了 rowspan 的表标签，这些表标签不是分层的，即许多<td>中存在单行的<tr>，因此展开/折叠它并不容易在Javascript中，因为每次展开/折叠一行时我都必须动态修复rowspan。
所以我想我应该使用另一个带内联块样式DIV的表。在这个表中看到http://jsfiddle.net/9G9A5/1/这些行是分层的，我可以轻松扩展/折叠（参见示例）。我的问题是我无法像第一个例子中那样放置正确的边界线。这些线都混淆了。
有关如何为第二个示例添加边框的任何建议？或者内联块不是这样做的？