Programming Examples

Html code to design the complex table with rowspan and colspan


Complex Table

<!doctype html>
<html>
	<head>
		<title>HTML Table Assignment 4 - Complex Table designing work</title>		
	</head>
	<body>
		<center><h4>Web Infomax IT Solutions</h4></center>
		<table border="1" width="800px" align="center" height="400px" cellspacing="0" cellpadding="10px">
			<tr>
				<td rowspan="2" align="center">Sr. NO</td>
				<td rowspan="2" align="center">Details of the Services Provided</td>
				<td rowspan="2" align="center">Qty</td>
				<td colspan="2" align="center">Service Period</td>
				<td colspan="4" align="center">Service Performance Details</td>
			</tr>
			<tr>
				<td align="center">From</td>
				<td align="center">To</td>
				<td align="center">S.No</td>
				<td align="center">Service ID No:</td>
				<td align="center">Gap in Service (in days)</td>
				<td align="center">Overall Performance Remarks (Satisfactory/ un-satisfactory)</td>
			</tr>
			<tr>
				<td rowspan="3" align="center" valign="top">1</td>
				<td rowspan="3" align="center"></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

Get Output

CCC Online Test 2021 CCC Practice Test Hindi Python Programming Tutorials Best Computer Training Institute in Prayagraj (Allahabad) Best Java Training Institute in Prayagraj (Allahabad) Best Python Training Institute in Prayagraj (Allahabad) O Level Online Test in Hindi Bank SSC Railway TET UPTET Question Bank career counselling in allahabad Sarkari Naukari Notification Best Website and Software Company in Allahabad Sarkari Exam Quiz