0

以下のようなコードでテーブルを作成すると図のcccとdddがaaaの下に配置されてしまいます。こちらをbbbの右に並べたいのですがどのようにしたらいいでしょうか?

HTML

<table>
<thead>
<tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
</tr>
</thead>
        <tr>
            <td rowspan="3">aaa</td>
                    
            <?php foreach ($bbb as $key => $val) { ?>
                            
               <td>
                  <?=$bbb[$key]; ?>
               </td>
                    
                            
        </tr>
              <?php }?>
                   
                    
              <?php foreach ($ccc as $key => $val) { ?>
                <td>
                   <?=$ccc[$key]; ?>
                </td>
                </tr>    
                        
              <?php }?>
                    
                    
                        
              <tr>
                  <td>
                      <?=$ddd; ?>
                  </td>
              </tr>

画像の説明をここに入力

[補足]
HTMLでは以下でうまくいくのですが、phpのループが入るとこのような形になりません。下の図のようになってしまい、bbbとcccが横並びになってしまいます。

<table border="3">
  <tr>
    <td rowspan="3">aaa</td>
    <td>bbb</td>
    <td>ccc</td>
    <td rowspan="3">ddd</td>
  </tr>
  <tr>
    <td>bbb</td>
    <td>ccc</td>
  </tr>
  <tr>
    <td>bbb</td>
    <td>ccc</td>
  </tr>
</table>

画像の説明をここに入力

6
  • bbbやcccが必ず3つの配列ならforeachを使う必要がないと思います。aaa,bbb,ccc,dddの発生しうる前提条件を漏れなく教えて下さい
    – keitaro_so
    Commented 2020年9月23日 12:22
  • bbbとcccは必ず3つの配列ではないです。数は変わります。aaaは定数、dddも定数で配列ではないと考えていただいて大丈夫です。
    – denden
    Commented 2020年9月23日 13:08
  • となるとbbbとcccの配列の要素数は一致しないことはありますか?
    – keitaro_so
    Commented 2020年9月23日 13:19
  • bbbとcccの配列の要素数は一致します。
    – denden
    Commented 2020年9月23日 13:53
  • ちなみにbbbおよびcccの配列が3要素として図のようなテーブルの完成形をベタ書きでHTMLで記述することは可能ですか?
    – keitaro_so
    Commented 2020年9月24日 0:40

2 件の回答 2

0

どういうやり方がいいかは色々ありますが。
プログラミング的思考を紹介して、そこからコードを提案をします。

要件を確認すると配列を繰り返してテーブル組を行う必要があります。
そのため、まず正しく観察して繰り返すべき部分を分解しないといけません。

結果のHTMLからbbbやcccの配列が増えたときに繰り返して増えている部分はどこでしょうか?
それは一目瞭然で2行目以降のtrの部分ですね。

  <tr>
    <td>bbb</td>
    <td>ccc</td>
  </tr>

繰り返すとしたら上記を繰り返す必要があります。

ただし例外的な処理が一つあって
一行目のtrの部分

  <tr>
    <td rowspan="3">aaa</td>
    <td>bbb</td>
    <td>ccc</td>
    <td rowspan="3">ddd</td>
  </tr>

aaaとdddを入れる必要があります。またrowspanでは要素数分のデータを入れる必要があります。

ではこれらを一旦コードに落とし込めるように一般化しておきます。
一般化は言語に問わず、アルゴリズムを定義するものになります。

bbbとcccの配列を繰り返してbbbとcccを含んだtdとtrを出力する
ただし、一行目はaaaとdddを要素数分のrowspanをつけてtdを出力する

ではPHPで実装するのですが、
ここで重要なのはforeachは一つの配列を繰り返し取り出して処理できますが
2つの配列を繰り返して取り出して処理はできません。
つまりここは自前で実装する必要があります。
とはいえ大体「php foreach 配列 2つ」みたいな検索ワードでググればすぐできてますのでそれを利用させてもらいましょう。

段階的にまずは例外のない処理を記述してから、後付で例外処理を記述するほうが私は好きなのでそういう書き方をします。

<table>
  <thead>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
      <th>4</th>
    </tr>
  </thead>
  <?php foreach (array_map(null, $bbb, $ccc) as [$bbb_val, $ccc_val]) { /*繰り返す処理*/ ?>
    <tr>
      <td>
        <?=$bbb_val; /*bbbを出力する*/ ?>
      </td>
      <td>
        <?=$ccc_val; /*cccを出力する*/ ?>
      </td>
    </tr>
  <?php } ?>
</table>

次に例外となるaaaとdddを出力する処理をコードに書きます。

<table>
  <thead>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
      <th>4</th>
    </tr>
  </thead>
  <?php $now_row = 0; /* 今の行数が何行目かだけ把握するための変数*/ ?>
  <?php $row_span_num = count($bbb); /*全体で何行あるのか把握してrow_spanで出力するデータ */ ?>
  <?php foreach (array_map(null, $bbb, $ccc) as [$bbb_val, $ccc_val]) { /*繰り返す処理*/ ?>
    <?php $now_row++; /*今の行数をインクリメント*/ ?>
    <tr>
      <?php if ($now_row == 1) { /*一行目だったらaaaを出力する処理に入る*/ ?>
        <td rowspan="<?=$row_span_num; /*rowspanに入れる全行数を出力する*/?>">
          <?=$aaa; ?>
        </td>
      <?php } ?>
      <td>
        <?=$bbb_val; /*bbbを出力する*/ ?>
      </td>
      <td>
        <?=$ccc_val; /*cccを出力する*/ ?>
      </td>
      <?php if ($now_row == 1) { /*一行目だったらdddを出力する処理に入る*/ ?>
        <td rowspan="<?=$row_span_num; /*rowspanに入れる全行数を出力する*/ ?>">
          <?=$ddd; ?>
        </td>
      <?php } ?>
    </tr>
  <?php } ?>
</table>

あとはデバックするのですが、今回は省略させていただきます。
デバックでは実際には$bbbや$cccが実際に取りうる値を想定しながら動かしてみて、想定通りに動くかどうか検証してみましょう。

0

色々な方法がありますが、今回は、1つのloopで回す必要があり以下のスクリプトのようになります。
前提:配列は同じ属性のindexであること。

    <table>
<?php
                $count = 0;
                $b = array('b1','b2','b3');
                $c = array('c1','c2','c3');
                foreach($b as $index=>$b_data){
                    $c_data = $c[$index];
                    if ( $count == 0 ) {
        $pattern = <<<eot
              <tr>
                <td rowspan="3">aaa</td>
                <td>{$b_data}</td>
                <td>{$c_data}</td>
                <td rowspan="3">ddd</td>
              </tr>
    eot;
            
                    } else {
        $pattern = <<<eot
              <tr>
                <td>{$b_data}</td>
                <td>{$c_data}</td>
              </tr>
    eot;
            
                    }
                    echo $pattern;
                    $count++;
                }
    ?>
    </table>

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。