Table Colspan กับ Table Rowspan

ในบทความนี้ เรามาดูความแตกต่างระหว่าง Table Colspan กับ Table Rowspan ซึ่งทั้งสองเป็นการกำหนดคุณสมบัติของตาราง

- Colspan เป็นการผสานคอลัมน์
- Rowspan เป็นการผสานแถว

Colspan

การผสานคอมลัมน์ 2 คอลัมน์

 
 
   
Name
   
Telephone
 
 
   
Doesystem
   
088 88 888
   
088 88 889
 
 
 

Name	Telephone
Doesystem	088 88 888	088 88 889

การผสานคอมลัมน์ 3 คอลัมน์

 
 
   
Name
   
Telephone
 
 
   
Doesystem
   
088 88 888
   
088 88 889
   
088 88 890
 
 
 

Name	Telephone
Doesystem	088 88 888	088 88 889	088 88 890

Rowspan

การผสานแถว 2 แถว

 
 
   
First Name:
   
Doesystem
 
 
   
Telephone:
   
088 88 888
 
 
   
088 88 889
 
 
 

First Name:	Doesystem
Telephone:	088 88 888
	088 88 889

การผสานแถว 3 แถว

 
 
   
First Name:
   
Doesystem
 
 
   
Telephone:
   
088 88 888
 
 
   
088 88 889
 
 
   
088 88 890
 
 
 

First Name:	Doesystem
Telephone:	088 88 888
	088 88 889
	088 88 890

การนำ Table Colspan กับ Table Rowspan มาใช้ร่วมกัน

 
 	
 		
Column 1
 		
Column 2
 		
Column 3
 	
 	
 		
Row 1 Cell 1
 		
Row 1 Cell 2
 		
Row 1 Cell 3
 	
 	
 		
Row 2 Cell 2
 		
Row 2 Cell 3
 	
 	
 		
Row 3 Cell 1
 	
 
 

Column 1	Column 2	Column 3
Row 1 Cell 1	Row 1 Cell 2	Row 1 Cell 3
	Row 2 Cell 2	Row 2 Cell 3
Row 3 Cell 1