如何使用display：table？

Question

我正在创建表格数据的视图。这是我html的样子：

<div class="table">
    <div class="row">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    </div>
    ....
</div>

css完全可以预测：

.table {
    display: table;
}
.row {
    display: table-row;
}
.cell {
    display: table-cell;
}

这很好用，但有时我想显示一行的额外信息。我想要更多＆＃39;链接以在当前row下方添加信息。当我这样做时，我的columns没有对齐。

我尝试在展开的row下面添加display: block广告row，这会让对齐变得混乱。

我还能怎么做？ div table对齐如何工作？