如何將一個html表並排分成兩個部分？

Question

我希望有一個表格顯示一半的行，然后在水平旁邊包裹並顯示另一半的行，而不是一個長的垂直表格。

我正在使用角度，並希望能夠將一個數據數組綁定到一個表，但讓它像所描述的那樣水平跨越兩個部分。 兩個表是一個選項，但這意味着我必須添加更多的邏輯，如果可能的話我寧願避免。 即，對於排序Id必須將數據集重新連接在一起並對它們進行排序，然后再次拆分。

任何指針贊賞。

Answer 1

您可以嘗試使用CSS3多列布局 。 這通常不適用於表（並且它不直接與表一起使用），但是如果將表放入具有類似樣式的DIV容器中

#container {
    column-count:2;
    -moz-column-count:2;
    -webkit-column-count:2;
}

它可能是你需要的。

演示： http ： //jsfiddle.net/J3VB5/

更新：以上似乎僅適用於WebKit瀏覽器（Chrome，Opera，Safari）。 FF / IE可能需要不同的方法。

例如，您可以使用Columnizer jQuery插件

演示2： http ： //jsfiddle.net/J3VB5/1/