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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

任何指针表示赞赏。

回答：

您可以尝试使用CSS3多列布局。这通常不适用于表格（并且不适用于表格），但是如果您将表格放入具有以下样式的DIV容器中，

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

这可能是您所需要的。

更新： 以上内容似乎仅在WebKit浏览器（Chrome，Opera，Safari）中有效。FF / IE可能需要其他方法。

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

以上是 如何将一个html表并排分成两部分？ 的全部内容， 来源链接： utcz.com/qa/433476.html

回到顶部