我有一个响应式表格,每行有不同的内容,每行有一个六角手风琴机制。
手风琴本质上在当前行下方添加了另一个表格行,该行有一个 td 和一个 colspan,用于表示表格中的单元格数量。
在这个手风琴内,我有另一个表格,我需要表格单元格与父表格对齐。我很欣赏这可能单独使用 HTML/CSS 是不可能的,并且可能需要使用 JS 来完成?
还是有其他方法?
我不能在这里发布我的所有代码,但这是我的意思的截图
<table class="parent-table">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
<tr>
<td colspan="6" class="concertina">
<div>
<table>
<tr>
<td>Other 1</td>
<td>Other 2</td>
<td>Other 3</td>
<td>Other 4</td>
<td>Other 5</td>
<td>Other 6</td>
</tr>
</table>
</div>
</td>
</tr>