javascript - 如何让 2 列 HTML 表格继续显示在前 x 行旁边？

Question

假设我有一个包含两列的 HTML 表格，其中包含大约 100 行数据。我想在 x 行之后继续表格。

目前是这样显示的:

|head 1| head 2|
|------|-------|
|data 1| data 1|
|data 2| data 2|
 ...
|data 8| data 8|

我想要实现的是这样的:

|head 1| head 2||head 1| head 2|
|------|-------||------|-------|
|data 1| data 1||data 5| data 5|
|data 2| data 2||data 6| data 6|
|data 3| data 3||data 7| data 7|
|data 4| data 4||data 8| data 8|

我目前的解决方案是将两个表并排 float 并在后端拆分数据，但我确信有更好的方法。

Answer 1

您可以更改默认值 display: table;至 inline-table; .

您可以使用 class喜欢<table class="inline"> .

table.inline  {
display:inline-table;
vertical-align:top; /* or else as your needs */
}