Question

我有一个看起来像这样的表：

HEADER1: data1
HEADER2: data2
HEADER3: data3
HEADER4: data4
HEADER5: data5
HEADER6: data6
HEADER7: data7
HEADER8: data8

等等。我想设置一个“阈值”，比如4，之后数据会切换到这样（这样用户就不必向下滚动太多了）：

HEADER1: data1      HEADER5: data5
HEADER2: data2      HEADER6: data6
HEADER3: data3      HEADER7: data7
HEADER4: data4      HEADER8: data8

我如何以最简单的方式做这样的事情？

以下是我用来生成此表的当前PHP代码：

foreach($row as $key=>$value) {
    echo '<tr>';
    echo '<th>', $headerindeces[$i], "</th>";
    echo '<td>',$value,'</td>';
    echo '</tr>';
    $i++;
}

Answer 1

一种非常简单的方法是每次达到阈值时构建另一个表（假设您可以对该阈值进行硬编码）。您可以使用modulus division：

实现这一目标

$threshold = 4;
$i = 0;
foreach ($row as $key => $value) {
    if (($i+1) % $threshold == 0) {
        echo '</table><table>';
    }
    echo '<tr>';
    echo '<th>', $headerindeces[$i], "</th>";
    echo '<td>', $value, '</td>';
    echo '</tr>';
    $i++;
}

然后，只需使用CSS显示彼此相邻的两个表。

HTML - 格式化垂直表

1 个答案: