使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像手风琴一样显示

Answer 1

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

尝试将div id="endDiv"改为实际的TR，而不要显示：table-row; 然后使内部td具有colspan="6"