Question

我有一个包含2列的表，如下图所示。我想重新排列/打破表格，例如在2行之后，以便在右侧继续以下行。

[1][2]     [1][2][5][6]
[3][4] =>  [3][4][7][8]
[5][6]
[7][8]

纯CSS可以吗？

不能在HTML代码中更改它。只能在普通浏览器中运行的解决方案是可以接受的。

编辑：
Fiddle

我想在9行（一半）后打破桌子在示例中：在包含＆＃39; strict2＆＃39;的行之后中断这条线包含＆＃39; basic3＆＃39;就在＆＃39; basic＆＃39;。

的旁边

EDIT2：
由于CSS中的解决方案是不可能的，我使用JS解决方案来破解表格。

Answer 1

您可以在计数9之后拆分行，然后在新表中显示其余部分

JS：

$(document).ready(function () {
    var $secLevelTable = $(".secLevelTable");
    var splitBy = 9;
    var rows = $secLevelTable.find("tr").slice(splitBy);
    var $secondTable = $(".secLevelTable").parent().append("<table class='secondTable'><tbody></tbody></table>");
    $secondTable.find("tbody").append(rows);
    $secLevelTable.find("tr").slice(splitBy).remove();
});

UPDATED FIDDLE

重新排列CSS中的表格

1 个答案: