この動的に生成されたhtmlテーブルをフォーマットするにはどうすればいいですか？

Question

mysqlクエリから4つのカラムをレンダリングしようとしていますが、出力値を正しく整列できません。

$tableStyle = "padding: 5px;border:1px"; 
$tdStyle = "padding:5px "; 

echo '<table style="' . $tableStyle . '" cellpadding="5" cellspacing="5">'; 
echo "<tr align='center'> <th>Title</th><th>Score</th><th>Maximum Score</th><th>Finished On</th></tr>"; 

$row = $database->loadRowList(); 
foreach($row as $valuearray) 
{ 
echo '<tr style=" align="center">'; 
foreach($valuearray as $field) 
{ 

echo "<td align='center'>$field</td>"; 
} 
echo "</tr>"; 
} 
echo "</table>"; 

Answer 1

HTMLは次のようになりますように、一つのセルとセンターを持つ別のテーブル内のデータを使用して、テーブルをラップ：

<table><tr align='center' valign='middle'><td><table>...</table></td></tr></table> 

Answer 2

$tableStyle = "padding: 5px;border:1px"; 

$tdStyle = "padding:5px "; 

echo '<table style="' . $tableStyle . '" cellpadding="5" cellspacing="5">'; 
echo "<tr> <th align='center'>Title</th><th align='center'>Score</th><th align='center'>Maximum Score</th><th align='center'>Finished On</th></tr>"; 

$row = $database->loadRowList(); 
foreach($row as $valuearray) 
{ 
echo '<tr>'; 
foreach($valuearray as $field) 
{ 

echo "<td align='center'>$field</td>"; 
} 
echo "</tr>"; 
} 
echo "</table>"; 

揃えセンターはTRの上に配置すべきではありません