fork download
copy 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>ตารางรายรับ</title>
  5.     <style>
  6.         table {
  7.             width: 100%;
  8.             border-collapse: collapse;
  9.         }
  10.         table, th, td {
  11.             border: 1px solid black;
  12.         }
  13.         th, td {
  14.             padding: 8px;
  15.             text-align: left;
  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20.  
  21. <h2>ตารางรายรับ</h2>
  22.  
  23. <?php
  24. // สร้าง array เพื่อเก็บข้อมูล
  25. $income_data = [
  26.     [
  27.         "วันที่" => "2024-08-20",
  28.         "รายการ" => "รายได้จากงานประจำ",
  29.         "ยอดเงิน" => 30000,
  30.         "หมวดหมู่" => "รายได้",
  31.         "คงเหลือ" => 30000,
  32.         "หมายเหตุ" => "เงินเดือน"
  33.     ],
  34.     [
  35.         "วันที่" => "2024-08-22",
  36.         "รายการ" => "ค่าอาหาร",
  37.         "ยอดเงิน" => -500,
  38.         "หมวดหมู่" => "ค่าใช้จ่าย",
  39.         "คงเหลือ" => 29500,
  40.         "หมายเหตุ" => "อาหารกลางวัน"
  41.     ]
  42. ];
  43. ?>
  44.  
  45. <table>
  46.     <tr>
  47.         <th>วันที่</th>
  48.         <th>รายการ</th>
  49.         <th>ยอดเงิน</th>
  50.         <th>หมวดหมู่</th>
  51.         <th>คงเหลือ</th>
  52.         <th>หมายเหตุ</th>
  53.     </tr>
  54.  
  55.     <?php foreach ($income_data as $row) { ?>
  56.         <tr>
  57.             <td><?php echo $row["วันที่"]; ?></td>
  58.             <td><?php echo $row["รายการ"]; ?></td>
  59.             <td><?php echo $row["ยอดเงิน"]; ?></td>
  60.             <td><?php echo $row["หมวดหมู่"]; ?></td>
  61.             <td><?php echo $row["คงเหลือ"]; ?></td>
  62.             <td><?php echo $row["หมายเหตุ"]; ?></td>
  63.         </tr>
  64.     <?php } ?>
  65. </table>
  66.  
  67. </body>
  68. </html>
  69.  
Success #stdin #stdout 0.02s 25960KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<!DOCTYPE html>
<html>
<head>
    <title>ตารางรายรับ</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        table, th, td {
            border: 1px solid black;
        }
        th, td {
            padding: 8px;
            text-align: left;
        }
    </style>
</head>
<body>

<h2>ตารางรายรับ</h2>


<table>
    <tr>
        <th>วันที่</th>
        <th>รายการ</th>
        <th>ยอดเงิน</th>
        <th>หมวดหมู่</th>
        <th>คงเหลือ</th>
        <th>หมายเหตุ</th>
    </tr>
    
            <tr>
            <td>2024-08-20</td>
            <td>รายได้จากงานประจำ</td>
            <td>30000</td>
            <td>รายได้</td>
            <td>30000</td>
            <td>เงินเดือน</td>
        </tr>
            <tr>
            <td>2024-08-22</td>
            <td>ค่าอาหาร</td>
            <td>-500</td>
            <td>ค่าใช้จ่าย</td>
            <td>29500</td>
            <td>อาหารกลางวัน</td>
        </tr>
    </table>

</body>
</html>
https://ideone.com/r7apCK
language:
PHP (php 7.3.5)
created:
2 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!