从关联数组创建 HTML 表

【问题标题】：Create HTML table from associative array从关联数组创建 HTML 表
【发布时间】：2014-06-29 06:31:35
【问题描述】：

我想从 PHP 关联数组创建一个表

这是我的代码：

$itemspecifics = array(
    "Condition" => "New",
    "Year" => "2007",
    "Manufacturer" => "Audi",
    "Model" => "A4",
    "Type" => "Limousine",
    "Options" => "Full"
);

我想生成一个表格，但格式如下：

<table width="779" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td width="104">Condition</td>
    <td width="318">New</td>
    <td width="176">Year</td>
    <td width="171">2007</td>
  </tr>
  <tr>
    <td>Manufacturer</td>
    <td>Audi</td>
    <td>Model</td>
    <td>A4</td>
  </tr>
  <tr>
    <td>Type</td>
    <td>Limousine</td>
    <td>Options</td>
    <td>Full</td>
  </tr>
</table>

【问题讨论】：

您的具体问题是什么？
我们不会为你做作业

标签： javascript php jquery html arrays

【解决方案1】：

从该关联数组中，您必须获取键和值并将它们展平到另一个数组中，然后将它们按 4 分块。考虑这个例子：

在 PHP 上：

$itemspecifics = array(
    "Condition" => "New",
    "Year" => "2007",
    "Manufacturer" => "Audi",
    "Model" => "A4",
    "Type" => "Limousine",
    "Options" => "Full"
);

$data = array();
foreach($itemspecifics as $key => $value) {
    $data[] = $key;
    $data[] = $value;
}

$data = array_chunk($data, 4); // chunk them by four's

在 HTML/PHP 上：

<style>
.header{
    background-color: green;
}
</style>

<!-- them loop them -->
<table border="1" cellpadding="10">
<?php foreach($data as $key => $value): ?>
    <tr>
    <?php foreach($value as $index => $element): ?>
        <td class="<?php echo ($index % 2 == 0) ? 'header' : ''; ?>"> <!-- simple coloring -->
            <?php echo $element; ?>
        </td>
    <?php endforeach; ?>
    </tr>
<?php endforeach; ?>
</table>

【讨论】：