We can create nested tables using

Ví dụ về Bảng lồng nhau HTML

ví dụ 1

Ví dụ này hiển thị một bảng bên trong một bảng khác. Chúng tôi sẽ tạo bảng A bằng HTML và lồng một bảng B khác vào bên trong nó. Để nhận biết và phân biệt 2 bảng, chúng ta thiết lập màu viền đỏ của bảng A và màu vàng viền của bảng B

đầu ra

Đầu ra hiển thị các bảng được lồng bên trong các bảng bên ngoài. Chúng tôi đang thêm các bảng lồng nhau bên trong hàng đầu tiên của cột thứ hai của bảng bên ngoài. Như các bạn thấy bảng A có màu viền đỏ là bảng ngoài, bảng B có màu viền vàng là bảng trong. Chúng tôi đã thêm màu đường viền để dễ dàng phân biệt các bảng bên ngoài và bên trong

ví dụ 2

Ví dụ này hiển thị một bảng lồng nhau với một số kiểu, vì vậy chúng tôi sử dụng HTML và CSS để tạo bảng lồng nhau

    
    
    




    


        
            
            
        
        
            
            
        
        
            
            
        
    
 Column 6 
 



             
                 
                
                 
                 
             


            
 Column 3 



        


             
            
            
            
            


        


            
 
Column 5
 
 
 Column 6 
 
    

đầu ra

Đầu ra hiển thị một bảng lồng nhau được thiết kế với sự trợ giúp của CSS

ví dụ 3

Trong ví dụ này, chúng tôi đang tạo một bảng lồng nhau bên trong một bảng lồng nhau khác. Chúng tôi sẽ thêm bảng bên trong 2 vào hàng đầu tiên của cột thứ hai của bảng bên ngoài 1 và một lần nữa chúng tôi sẽ thêm bảng bên trong 3 vào bên trong hàng đầu tiên của cột thứ hai của bảng bên trong 2

    
        
        
        
    
	
 HTML Nested Table 


	

		

			
 Outer Table 1 row 1 col 1 
			
 Outer Table 1 row 2 col 1 
				

					

						
 Inner Table 2 row 1 col 1 
							

								

									
 Inner Table 3 row 1 col 1 
									
									
 Inner Table 3 row 1 col 2 
								
								

									
 Inner Table 3 row 2 col 1 
									
 Inner Table 3 row 2 col 2 
								
								

									
 Inner Table 3 row 3 col 1 
									
 Inner Table 3 row 3 col 2 
								
							
						
						
 Inner Table 2 row 1 col 2
					
					

						
 Inner Table 2 row 2 col 1 
						
 Inner Table 2 row 2 col 2 
					
					

						
 Inner Table 2 row 3 col 1 
						
 Inner Table 2 row 3 col 2 
					
				
			
		
		

			
 Outer Table row 2 col 1 
			
 Outer Table row 2 col 2 
		
	

đầu ra

Đầu ra hiển thị bảng lồng nhau bên trong bảng bên ngoài và bảng lồng nhau khác bên trong bảng lồng nhau thứ hai. Như bạn có thể thấy, bàn ngoài 1 có viền màu hồng, bàn trong 2 có viền xanh và bàn trong 3 có viền đỏ. Chúng ta có thể dễ dàng hiểu và xác định bảng với sự trợ giúp của các màu đường viền khác nhau

Bảng lồng nhau là gì?

bảng lồng nhau là gì đưa ra một ví dụ?

Bạn có thể đặt một bảng bên trong một biểu mẫu HTML không?

Chúng ta có thể sử dụng bảng bên trong TD không?