2016-12-14 16 views
1

私は3つのphp配列を使ってテーブルを作成しています。これらの3つの配列はテーブルヘッダを生成するために使われます。PHPの配列を使ってテーブルを作成する

$array1 = array('A','B'); 
$array2 = array('S','C'); 
$array3 = array('A1','B1','C1','D1'); 

これらの配列値を持つ表を生成するのはヘッダーです。

私はこれらの3つの配列を使用してイメージのようなテーブルを作成したいと思います。

enter image description here

+0

あなたはhtmlテーブルまたはphp配列2dを持っていますか? –

+0

配列は常にこのサイズですか? – Machavity

+0

いいえ...変更します –

答えて

1

次のコードが動的にあなたが示されたテーブルを生成するために使用されます。 $ array1、$ array2、$ array3の値をそれぞれ変更することができ、tableは動的に生成されます。

<?php 

$array1 = array('A','B','C'); 
$array2 = array('S','C','M'); 
$array3 = array('A1','B1','C1','D1','E1','F1'); 
/* Get the length of all arrays */ 
$lengthArray1 = count($array1); 
$lengthArray2 = count($array2); 
$lengthArray3 = count($array3); 
?> 

<table border="1" width="50%"> 
    <thead> 
     <!-- Print the header --> 
     <tr> 
      <!-- For first empty space --> 
      <td></td> 
      <?php 
      /* Based on the length of the array display the headers */ 
      for($i = 0; $i < $lengthArray1; $i++){ ?> 
       <!-- Align center and add the colspan wrt to $array length --> 
       <td colspan="<?php echo $lengthArray2; ?>" align="center"> 
        <?php echo $array1[$i]; ?> 
       </td> 
      <?php 
      } ?> 
     </tr> 
     <tr> 
      <!-- For first empty space --> 
      <td></td> 
      <?php 
      /* Loop through all the $array1 so that that many $array2 values will be assigned to $array1 header */ 
      for($i = 0; $i < $lengthArray1; $i++){ 
       for($j = 0; $j < $lengthArray2; $j++){ 
      ?> 
       <td align="center"> 
        <?php echo $array2[$j]; ?> 
       </td> 
      <?php 
       } 
      } ?> 
     </tr> 
    </thead> 
    <tbody> 
     <!-- Loop through $array3 --> 
     <?php 
     for($i = 0; $i < $lengthArray3; $i++){ ?> 
      <tr> 
       <!-- Print $array3 value in first td --> 
       <td><?php echo $array3[$i]; ?></td> 
       <?php 
       /* To get the remaining td's I have multiplied $array1 X $array2 */ 
       for($j = 0; $j < ($lengthArray1 * $lengthArray2); $j++){ 
       ?> 
       <td></td> 
       <?php 
       } 
       ?> 
      </tr> 
     <?php 
     } ?> 
    </tbody> 
</table> 
+0

'

'これをテーブルタグに追加します。よく見えます:) – Blueblazer172

+0

@ Blueblazer172あなたのご意見ありがとうございます。ええ、私も同じことを考えていました。私は誰もインラインで質問を出す必要がないようにそれを残しました。CSSは悪いアプローチです。だから、私は彼が必要としている方法でユーザにCSSを操作させると思った。私はテーブルの見た目を示すために= "50%"を付け加えました。 –

関連する問題