Table with Multiple Rows & Columns

Posted by on
1 Table Having Multiple rows and columns containing rowspan and colspan



<!doctype html>
<html>
  <head>
   
  </head>
  <body>
<table border="1" cellpadding="5" cellspacing="0" style="width:60%">
<tr align="center" valign="top">
<th rowspan="2">Airlines</th>
<th rowspan="2">Departure</th>
<th rowspan="2">Destination</th>
<th colspan="2">Time</th>
<th rowspan="2">Fare</th
</tr>

<tr align="center" valign="top">
<td> Departure</td>
<td>Arrival</td>
</tr>

<tr align="center">
<td>Buddha Air</td>
<td>Kathmandu</td>
<td>Pokhara</td>
<td>7:55</td>
<td>8:20</td>
<td>3500</td>
</tr>

<tr align="center">
<td>Yeti Airlines</td>
<td>Pokhara</td>
<td>Jomsom</td>
<td>8:15</td>
<td>8:45</td>
<td>3900</td>
</tr>

<tr align="center" valign="top">
<td>Shree<br> 
    Airlines
</td>
<td>Kathmandu</td>
<td>Dhangadi</td>
<td>11:15</td>
<td>12:00</td>
<td>8000</td>
</tr>

<tr align="center">
<td>Saurya Air</td>
<td>Biratnagar</td>
<td>Kathmandu</td>
<td>1:15</td>
<td>1:55</td>
<td>4200</td>
</tr>
</table>
  </body>
</html>


2.Table Containing Subject Marks




<!doctype html>
  <html>
    <head>
    </head>
    
<body>
<table border="1" cellpadding="5" cellspacing="0" style="width:60%">
<tr align="center">
<th rowspan="2">Roll no:</th>
<th rowspan="2">Name</th>
<th colspan="4">Subjects</th>
</tr>

<tr align="center">
<td> C</td>
<td>Web</td>
<td>Math</td>
<td>C++</td>
</tr>
<tr align="center">
<td>1</td>
<td>John</td>
<td>50</td>
<td>45</td>
<td>60</td>
<td>70</td>
</tr>

<tr align="center">
<td>2</td>
<td>Randy</td>
<td>50</td>
<td>45</td>
<td>45</td>
<td>NQ</td>
</tr>

<tr align="center">
<td>3</td>
<td>Yodh</td>
<td>80</td>
<td>85</td>
<td>90</td>
<td>75</td>
</tr>
<tr align="center">
<td colspan="6"> Contact to department if Not Qualified</td>
  </table>
    </body>
</html>



Comments

Post a Comment