Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > อยากเขียนโคดการแสดงผลแบบนี้โดย แนะนำหน่อยครับ LOOP TABLE ?

อยากเขียนโคดการแสดงผลแบบนี้โดย แนะนำหน่อยครับ LOOP TABLE ?

เริ่มหัวข้อใหม่

SUPERNOY

โพสกระทู้ ( 161 )
บทความ ( 0 )

อยากเขียนโคดการแสดงผลแบบนี้โดย แนะนำหน่อยครับ

Tag : PHP, MySQL

Date : 2013-05-09 21:44:50

By : cs45mcru

View : 835

Reply : 1

No. 1

Krungsri

โพสกระทู้ ( 1,521 )
บทความ ( 2 )

Code (PHP)

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>LOOP TABLE</title>
<style>
table{
	border-collapse:collapse;
}
table th{
	padding-top:3px;
	background-color:#CCC;
}
table, td, th{
	border:1px solid black;
}
table tfoot{
	background-color: #CCC;
}
table tbody tr:hover{
	background-color:#E4E4E4;
	cursor:pointer;
}
table tbody tr td:hover{
	background-color: #A7A7A7;
	cursor:pointer;
}
</style>
</head>

<body>
<table width="90%" align="center" >
	<thead>
    	<tr>
        	<th>ชั้น</th>
        	<th colspan="4">ม.1</th>
        	<th colspan="4">ม.2</th>
        	<th colspan="4">ม.3</th>
        	<th colspan="4">ม.4</th>
        	<th colspan="4">ม.5</th>
        	<th colspan="4">ม.6</th>
       	</tr>
        <tr>
        	<th rowspan="2" align="center" valign="middle">ห้อง</th>
        	<th colspan="2">เต็ม</th>
        	<th colspan="2">ขาด</th>
        	<th colspan="2">เต็ม</th>
        	<th colspan="2">ขาด</th>
        	<th colspan="2">เต็ม</th>
        	<th colspan="2">ขาด</th>
        	<th colspan="2">เต็ม</th>
        	<th colspan="2">ขาด</th>
        	<th colspan="2">เต็ม</th>
        	<th colspan="2">ขาด</th>
        	<th colspan="2">เต็ม</th>
        	<th colspan="2">ขาด</th>
       	</tr>
        <tr>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
        	<th>ช</th>
        	<th>ญ</th>
       	</tr>
    </thead>
    <tbody>
    	<?php for($i=1;$i<=12;$i++){?>
    	<tr>
       	  <td align="center" valign="middle"><?=$i;?></td>
          	<!-- Query ม.1.$i -->
        	<td align="center" valign="middle"><?="ม.1.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.1.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.1.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.1.".$i;?></td>
            <!-- Query ม.2.$i -->
        	<td align="center" valign="middle"><?="ม.2.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.2.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.2.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.2.".$i;?></td>
            <!-- Query ม.3.$i -->
        	<td align="center" valign="middle"><?="ม.3.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.3.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.3.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.3.".$i;?></td>
            <!-- Query ม.4.$i -->
        	<td align="center" valign="middle"><?="ม.4.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.4.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.4.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.4.".$i;?></td>
            <!-- Query ม.5.$i -->
        	<td align="center" valign="middle"><?="ม.5.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.5.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.5.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.5.".$i;?></td>
            <!-- Query ม.6.$i -->
        	<td align="center" valign="middle"><?="ม.6.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.6.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.6.".$i;?></td>
        	<td align="center" valign="middle"><?="ม.6.".$i;?></td>
   	  </tr>
        <?php }?>
    </tbody>
    <tfoot>
    	<tr>
        	<td align="center" valign="middle">รวม</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
            <td align="center" valign="middle">?</td>
        </tr>
    </tfoot>
</table>
</body>
</html>

Date : 2013-05-09 23:05:02