HTML Table Rowspan and Colspan Assignment-
Type this code in text editor and save file with .html extension
-------------------------
<!doctype html>
<html>
<head></head>
<body>
<center><h3>Web Infomax IT solutions</h3></center>
<table border="1" cellspacing="0" cellpadding="14">
<tr>
<th rowspan="2">Sr.No</th>
<th rowspan="2" align="center">Details of the services Provided</th>
<th rowspan="2">Qty</th>
<th colspan="2" align="center">Service Period</th>
<th colspan="4" align="center">Service Performance Details</th>
</tr>
<tr>
<th align="center">From</th>
<th align="center">To</th>
<th align="center">S.No.</th>
<th align="center">Service ID No.</th>
<th align="center">Gap in Service (in days)</th>
<th align="center">Overall Performance Remarks(Satisfactory/Un-satisfactory)</th>
</tr>
<tr>
<td rowspan="3" align="center" valign="top">1</td>
<td rowspan="3"></td>
<td></td>
<td></td>
<td></td>
<td align="center">1</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td align="center">2</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td align="center">3</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2" align="center" valign="top">2</td>
<td rowspan="2"></td>
<td></td>
<td></td>
<td></td>
<td align="center">1</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td align="center">2</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
-------------------------
Output-
0 Comments