javascript - 让div覆盖整行

Question

我在下面有这张表。当我点击一行时，会显示一个 div:https://codepen.io/anon/pen/qyjYqM问题是 div 显示在一个单元格中，我希望它显示在整行中。我试过使用这个 CSS 属性，但结果不是我想要的:

#endDiv{
    display:inline-block;
    width: 100%;
    left:0;
    position: absolute;
}

结果:https://codepen.io/anon/pen/djReog

有什么想法吗？当我单击特定行时，我希望 div 像 Accordion 一样显示

Answer 1

在这种情况下，表格或 tbody 不应在内部包含 div 元素，因为这是不好的做法。

尝试将 div id="endDiv" 变成实际的 TR 而不是 display: table-row;然后让里面的td有colspan="6"