TOC

This article is currently in the process of being translated into Thai (~95% done).

Tables:

Colspan & Rowspan

การสร้างตารางนั้น แถวแนวนอนเราสามารถมี cell (ช่อง) หรือ 3 cell หรือ 2 cell หรือกี่ cell ก็แล้วแต่ เราจะใช้ตัวแปร colspan และ rowspan ค่าของมันจะเป็นตัวเลขเสมอ

จากตัวอย่างที่แล้ว ให้แถวแรกมี 2 cell แล้วเพิ่ม cell ที 2 ให้กับ row 3 และ row 4

<table border="1" width="100%">
	<tr>
		<td colspan="2">Row 1, cell 1</td>
		<td>Row 1, cell 2</td>
	</tr>
	<tr>
		<td>Row 2, cell 1</td>
		<td>Row 2, cell 2</td>
		<td>Row 2, cell 3</td>
	</tr>
	<tr>
		<td>Row 3, cell 1</td>
		<td rowspan="2">Row 3, cell 2</td>
		<td>Row 3, cell 3</td>
	</tr>
	<tr>
		<td>Row 4, cell 1</td>
		<td>Row 4, cell 3</td>
	</tr>
</table>

ดังที่เห็น เราได้เอา cell ที่ 3 ของ row 1 ออก แล้วเพิ่มตัวแปร colspan ไปที่ row 1 ของแถวแรก สิ่งที่ควรรู้ในการสร้าง cell ที่ span (ขยาย) ข้าม column ไปคือ เราจะ ขยายไปทางขวาเสมอ

ในการสร้าง cell ที่ span ข้าม row เราต้องจำไว้ว่า เราจะขยายไปข้างล่างเสมอ เพราะฉะนั้นเราต้องลบ cell ออก มิฉะนั้นตารางจะยื่นออกมาเกินกว่าที่เราต้องการ

This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!