การสร้างตาราง HTML โดยใช้ลูปซ้อนสองชั้นใน PHP

มาสร้างตารางของเราโดยใช้ลูปซ้อนสองชั้นกัน:

php<?php
  echo '<table>';
  foreach ($arr as $row) {
    echo '<tr>';
    foreach ($row as $cell) {
      echo "<td>$cell</td>";
    }
    echo '</tr>';
  }
  echo '</table>';
?>

วิธีนี้สะดวกตรงที่ไม่ต้องเขียนแต่ละเซลล์ของตารางแยกกัน อย่างไรก็ตาม ข้อเสียของวิธีนี้คือการสูญเสียการควบคุม

อย่างไรก็ตาม เราสามารถกลับมาควบคุมได้โดยใช้เงื่อนไข เช่นนี้:

php<?php
  echo '<table>';
  foreach ($arr as $row) {
    echo '<tr>';
    foreach ($row as $key => $cell) {
      if ($key === 'salary') {
        echo "<td>$cell dollars</td>";
      } else {
        echo "<td>$cell</td>";
      }
    }
    echo '</tr>';
  }
  echo '</table>';
?>

เราสามารถทำให้โค้ดของเราง่ายขึ้นได้ดังนี้:

php<?php
  echo '<table>';
  foreach ($arr as $row) {
    echo '<tr>';
    foreach ($row as $key => $cell) {
      if ($key === 'salary') {
        $cell .= ' dollars';
      }
      
      echo "<td>$cell</td>";
    }
    echo '</tr>';
  }
  echo '</table>';
?>
Задание 1

กำหนดอาร์เรย์ต่อไปนี้:

php<?php
  $products = [
    [
      'name'   => 'product1',
      'price'  => 100,
      'amount' => 5,
    ],
    [
      'name'   => 'product2',
      'price'  => 200,
      'amount' => 6,
    ],
    [
      'name'   => 'product3',
      'price'  => 300,
      'amount' => 7,
    ],
  ];
?>

สร้างตาราง HTML จากอาร์เรย์นี้