PHP配列からHTMLテーブルを作成する方法

前提・実現したいこと

PHP配列からHTMLテーブルを作成したいです。
td部分をforeachを使って表示することはできたのですが、thの部分もPHPを使って表示させる方法が分かりません。
よろしくお願いします。

【追記】
trの中に1つのth（メニュー名）、複数のtd（時間と料金）があり、trが複数あるtableです。これを配列（連想配列？）とforeachを使って表示させたいです。

テーブル完成イメージ

HTMLソースコード

HTMl
1<table>
2<tbody>
3<tr>
4<th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名1</th>
5<?php
6foreach ( $menu1 as $value ) { 
7  $send = $value[ 'send' ];
8  $id = $value[ 'ID' ];
9  $text = $value[ 'text' ];
10  ?>
11<td><input type="radio" name="menu" value="<?php echo $send; ?>" id="radio<?php echo $id;?>" <?php  if (isset($menu) && $menu == "$send") echo "checked";?>/>
12<label for="radio<?php echo $id;?>" class="radio"><?php echo $text; ?></label></td>
13<?php
14}
15?>
16</tr>
17<tr>
18<th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名2</th>
19<?php
20foreach ( $menu2 as $value ) { 
21  $send = $value[ 'send' ];
22  $id = $value[ 'ID' ];
23  $text = $value[ 'text' ];
24  ?>
25<td><input type="radio" name="menu" value="<?php echo $send; ?>" id="radio<?php echo $id;?>" <?php  if (isset($menu) && $menu == "$send") echo "checked";?>/>
26<label for="radio<?php echo $id;?>" class="radio"><?php echo $text; ?></label></td>
27<?php
28}
29?>
30</tr>
31</tbody>
32</table>

PHPソースコード

PHP
1//メニュー1（●コース）
2$menu1 = [
3  [ 'send' => '●コース/35/3,000', 'ID' => 1, 'text' => '3,000円（35分）' ],
4
5  [ 'send' => '●コース/75/5,000', 'ID' => 2, 'text' => '5,000円（65分）<br><span class="coupon"><sapn class="coupon_text"></sapn>5,000円<span class="red">（＋10分）</span></span>' ],
6
7  [ 'send' => '●コース/105/8,000', 'ID' => 3, 'text' => '8,000円（95分）<br><span class="coupon"><sapn class="coupon_text"></sapn>8,000円<span class="red">（＋10分）</span></span>' ],
8
9  [ 'send' => '●コース/135/10,000', 'ID' => 4, 'text' => '10,000円（125分）<br><span class="coupon"><sapn class="coupon_text"></sapn>10,000円<span class="red">（＋10分）</span></span>' ],
10];
11//メニュー2（●●●コース）
12$menu2 = [
13  [ 'send' => '●●●コース/70/8,000', 'ID' => 5, 'text' => '10,000円（60分）<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">8,000円（＋10分）</span><i class="fas fa-umbrella"></i></span>' ],
14
15  [ 'send' => '●●●コース/100/12,000', 'ID' => 6, 'text' => '13,000円（90分）<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">12,000円（＋10分）</span><i class="fas fa-umbrella"></i><span></span>' ],
16
17  [ 'send' => '●●●コース/130/15,000', 'ID' => 7, 'text' => '16,000円（120分）<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">15,000円（＋10分）</span><i class="fas fa-umbrella"></i><span></span>' ],
18];

【追記２】新たに試したこと

今までの配列を書き換えてみました。この多次元配列をループさせてtableに表示できないでしょうか？menuNameキーがthでmenuContentsキーがtdです。

PHP
1$arry = [
2  [
3    'menuName' => 'メニュー名１',
4    "menuContents" => [
5      [ 'send' => '●コース/35/3,000', 'ID' => 1, 'text' => '3,000円（35分）' ],
6
7      [ 'send' => '●コース/75/5,000', 'ID' => 2, 'text' => '5,000円（65分）<br><span class="coupon"><sapn class="coupon_text"></sapn>5,000円<span class="red">（＋10分）</span></span>' ],
8
9      [ 'send' => '●コース/105/8,000', 'ID' => 3, 'text' => '8,000円（95分）<br><span class="coupon"><sapn class="coupon_text"></sapn>8,000円<span class="red">（＋10分）</span></span>' ],
10
11      [ 'send' => '●コース/135/10,000', 'ID' => 4, 'text' => '10,000円（125分）<br><span class="coupon"><sapn class="coupon_text"></sapn>10,000円<span class="red">（＋10分）</span></span>' ],
12
13    ],
14
15  ],
16  [
17    'menuName' => 'メニュー名２',
18    "menuContents" => [
19      [ 'send' => '●●●コース/70/8,000', 'ID' => 5, 'text' => '10,000円（60分）<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">8,000円（＋10分）</span><i class="fas fa-umbrella"></i></span>' ],
20
21      [ 'send' => '●●●コース/100/12,000', 'ID' => 6, 'text' => '13,000円（90分）<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">12,000円（＋10分）</span><i class="fas fa-umbrella"></i><span></span>' ],
22
23      [ 'send' => '●●●コース/130/15,000', 'ID' => 7, 'text' => '16,000円（120分）<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">15,000円（＋10分）</span><i class="fas fa-umbrella"></i><span></span>' ],
24
25    ],
26  ]
27];

skys215

2021/12/27 02:43

現状はなんですか？表示がおかしいのか、表示されないのか。開発者ツールで出力されたhtmlと比べてみたらどうでしょうか？

emi_ono

2021/12/27 03:19

返信ありがとうございます。説明不足でした。すみません。現状td部分はforeachを使い、th部分はHTMLに直接書いてうまく表示はされているのですが、 tdに加えてth部分も配列に入れ込みたいと思い質問させていただきました。配列の入れ子とforeachが難しく混乱してしまいコードが書けない状態です。

yambejp

2021/12/27 06:27

THは各行の先頭データという認識で良いですか？

emi_ono

2021/12/27 07:44

はい。 thは各行の先頭データです。

回答3件

自己解決

配列を二次元連想配列に書き換え、forをtr全体とtd部分の二重に設定する事で出来ました。

php
1<?php for($i = 0 ; $i < count($arry) ; $i++){ ?> //繰り返し1
2<tr>
3<th></th>
4<?php for($j = 0 ; $j < count($arry[$i]['menuContents']) ; $j++){ ?>//繰り返し2
5<td></td>
6<?php }?>
7</tr>
8<?php }?>

ありがとうござました。

投稿2021/12/31 05:55

emi_ono

総合スコア81

PHP
1<table>
2<tbody>
3<tr>
4  <th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名1</th>
5</tr><!-- ここ -->
6<?php
7foreach ( $menu1 as $value ) { 
8  $send = $value[ 'send' ];
9  $id = $value[ 'ID' ];
10  $text = $value[ 'text' ];
11  ?>
12<tr> <!-- ここ -->
13  <td>
14    <input type="radio" name="menu" value="<?php echo $send; ?>" id="radio<?php echo $id;?>" <?php  if (isset($menu) && $menu == "$send") echo "checked";?>/>
15    <label for="radio<?php echo $id;?>" class="radio"><?php echo $text; ?></label> 
16  </td>
17</tr> <!-- ここ -->
18<?php
19}
20?>
21<tr>
22  <th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名2</th>
23</tr>
24<?php
25foreach ( $menu2 as $value ) { 
26  $send = $value[ 'send' ];
27  $id = $value[ 'ID' ];
28  $text = $value[ 'text' ];
29  ?>
30<tr>
31  <td>
32    <input type="radio" name="menu" value="<?php echo $send; ?>" id="radio<?php echo $id;?>" <?php  if (isset($menu) && $menu == "$send") echo "checked";?>/>
33     <label for="radio<?php echo $id;?>" class="radio"><?php echo $text; ?></label>
34  </td>
35</tr>
36<?php
37}
38?>
39</tbody>
40</table>

はどうでしょうか？trをいくつか加えました。

投稿2021/12/27 13:23

skys215

総合スコア910

回答へのコメント

emi_ono

2021/12/29 06:37

ありがとうございます！ tdに加えてth部分も配列から取得しforeachで繰り返し表示させたいなと思うのですが、教えていただいた所にtrを追加してもうまくいきませんでした。

単純にtrもthもforeachの中に入れ込んでしまえばよいのでは？

PHP
1<?php
2foreach ( $menu1 as $value ) { 
3  $send = $value[ 'send' ];
4  $id = $value[ 'ID' ];
5  $text = $value[ 'text' ];
6  ?>
7<tr>
8<th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名1</th>
9<td><input type="radio" name="menu" value="<?=$send?>" id="radio<?=$id?>" <?=(isset($menu) && $menu == "$send")?"checked":""?>/>
10<label for="radio<?=$id?>" class="radio"><?=$text?></label></td>
11</tr>
12<?php
13}
14?>

投稿2021/12/27 02:34

編集2021/12/27 08:28

yambejp

総合スコア110789

回答へのコメント

emi_ono

2021/12/27 08:17

ありがとうございます。ご指摘の通りだと思ったのですが、うまくコードにできない状態です(◞‸◟)

yambejp

2021/12/27 08:29

ちょっと検証できていませんが、なんとなく追記しておきました

emi_ono

2021/12/27 09:43

ありがとうございます!! 教えていただいたコードで確認すると「thとtd」がtdの数だけ繰り返し表示されました。説明が悪くて本当に申し訳ありません。 tr内にth(メニュー名)が一つと複数のtd（時間と料金）があり、trも複数あります。このtrをforeachを使い表示するにはphpの配列をどのように書けば良いでしょうか。

あなたの回答