Associative Array, HTML: Misaligned table

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); 

Удалить из Объединение столбцов выше кода

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