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/ Explanation:

Get Output

Latest Current Affairs 2024 Online Exam Quiz for One day Exam Online Typing Test CCC Online Test Python Programming Tutorials Best Computer Training Institute in Prayagraj (Allahabad) Online MBA 2 years Online MCA Online BCA Best Website and Software Company in Allahabad