关联数组，HTML：未对齐表

Question

我的表格未对齐，需要您输入修复它。 我有一个看起来像下面的关联数组，需要在HTML表中推送值。关联数组总是具有固定大小。

array ( 'Objective' => array ( 0 => 'Page Likes', ), 'Gender' => array ( 0 => 'Male 13-17 (5.4% cheaper)Male 25-34 (0.81% cheaper)', ), 'Placement' => array ( 0 => 'Mobile Feed Other (1.2% cheaper)', ), )

我正在使用以下函数，该函数将两个参数作为关联数组。一个数组用于标题，其他数组具有需要推入行的值。

function generateTable3($associative_array,$associative_array1){
echo '<table width="680" class="optimization_table" border="1" cellspacing="0" cellpadding="0"><thead><tr><th style="text-align:center" colspan=1>';
echo implode('</th><th style="text-align:center"  colspan=2>',$associative_array);
echo '</th></tr></thead><tbody>';
var_export($associative_array1);
$rowCount = count( current( $associative_array1 ) );
 for ($x=0; $x<$rowCount; $x++) {
    echo "<tr>";

   //this section needs your help
    foreach ($associative_array1 as $key => $data){
        echo "<td>".trim($data[ $x ])."</td>";
       // echo trim($data[ $x ]);
       // echo "<br>";

    }

    echo "</tr>\n";
}



echo '</tbody></table>';
}

当前输出如下所示：

预期产量：

有人可以帮忙解决这个问题。

Answer 1

在第三行，你有colspan=2;这使您的标题跨越2列。删除它，你应该是好的。

Answer 2

echo implode('</th><th style="text-align:center"  colspan=2>',$associative_array);

从上面的代码中删除colspan

echo implode('</th><th style="text-align:center">',$associative_array);