如何将一个html表并排分成两部分？

小编典典

angularjs

我想要一个表将显示一半的行，然后环绕并水平包装并显示另一半行，而不是一个长的垂直表。

我正在使用角度数据，希望能够将一个数据数组绑定到一张表，但是要像描述的那样将其水平跨两个部分。两个表是一个选项，但是这意味着我必须添加更多逻辑，如果可能的话，我希望避免使用。即，对于排序ID，必须先将数据集重新连接在一起并对其进行排序，然后再进行拆分。

任何指针表示赞赏。

阅读 1325

2020-07-04

共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/

2020-07-04