webdevlinux - logo Web Dev Linux

Table Horizontal merge

HTML වගුවක කොටස් තිරස් ලෙස සංයුක්ත කරන ආකාරය පිළිබදව මෙහිඳී සලකා බැලේ.

Table horizontal merge Table colspan

පහත උදාහරණය අත්හදා බලන්න.

FILE : table-horizontal-merge.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Merge cells horizontally</title>
</head>
<body>
<table border="1">
	<tr>
		<th>Time</th>	
		<th>Week days</th>	
		<th>Saturday</th>	
		<th>Sunday</th>	
	</tr>
	<tr>
		<td>20:00-22:00</td>
		<td>Sleep</td>
		<td colspan="2">Watch TV</td>
	</tr>
	<tr>
		<td>22:00-00:00</td>
		<td>Sleep</td>
		<td>Watch a Movie</td>
		<td>Sleep</td>
	</tr>
</table>
</body>
</html>

පැහැදිලිකිරීම

ඉහත උදාහරණයේ සඳහන් attributes ගැන පැහැදිලි කිරීම පහත දක්වා ඇත.

colspan="2"
එක ළග ඇති Table cell (td element) දෙකක් හෝ කිහිපයක් තිරස් ලෙස ඒකාබද්ධ කිරීමට colspan attribute එක යොදාගනී.