Question

有没有办法让可折叠行被列入列数？或者至少具有div表的全宽？我偶然发现this，但它似乎没有帮助。

您可以在此jsfiddle中查看完整代码。

<div class="div-table">
<div class="div-heading">
    <div>Head 1</div>
    <div>Head 2</div>
    <div>Head 3</div>
    <div>Head 4</div>
    <div>Head 5</div>
    <div>Head 6</div>
</div>
<div class="div-row">
    <div class="cell">col 1</div>
    <div class="cell">col 2</div>
    <div class="cell">col 3</div>
    <div class="cell">col 4</div>
    <div class="cell"><a href="#row1" data-toggle="collapse" aria-expanded="false" aria-controls="row1">col 5</a>

    </div>
    <div class="cell">col 6</div>
</div>
<div class="div-row div-row-collapsible">
    <div class="collapse text-center" id="row1">must be full width</div>
</div>

Answer 1

将整个事物包裹在另一个div中。

<div>
</div>

见这里： http://jsfiddle.net/5x8wu0sc/

我只更新了html。

Answer 2

包含文字＆＃34;的div的整个宽度必须是全宽＆＃34;结束表的第二列单元格应该从哪里开始。这似乎是display =＆＃39; table＆＃39;表格的结果。在主div中使用。您无法使用colspan扩大第一列，如下所述：Colspan/Rowspan for elements whose display is set to table-cell

我认为你必须考虑使用bootstrap网格系统。它应该为您提供一种简单的方法来完成表格。

css div禁用表行colspan

2 个答案: