Bảng ở dạng hàng và cột. Từ trái qua phải gọi là hàng ngang, từ trên xuống dưới gọi là cột dọc. Các bảng trong HTML có thể được lồng vào nhau, nghĩa là một bảng có thể được chèn vào một bảng khác It is important to always place the inner table between the | tag. The first table created is known as the outer table. The tables inside the outer tables are called nested tables.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Example 1 of HTML Nested Table </title>
</head>
<body>
<table border="2" bordercolor="red">
<tr>
<td> Table <Adr></Adr> </td>
<td> Table A
<table border="2" bordercolor="yellow">
<tr>
<td> Table B </td>
<td> Table B </td>
</tr>
<tr>
<td> Table B </td>
<td> Table B </td>
</tr>
</table>
</td>
</tr>
<tr>
<td> Table A </td>
<td> Table A </td>
</tr>
</table>
</body>
</html>
đầ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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Example 2 of HTML Nested Table </title>
</head>
<body>
<table border="1" cellpadding="20px" bgcolor="black" cellspacing="5px" width="50%">
<tr>
<td bgcolor="purple"><h1> Column 6 </h1> </td>
<td colspan="2" bgcolor="purple" >
<table border="1" width="100%" align="center" cellpadding="30px">
<tr>
<td bgcolor="pink"></td>
<td bgcolor="pink"></td>
<td bgcolor="pink"></td> </tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" bgcolor="purple"><h1> Column 3 </h1></td>
<td rowspan="2" bgcolor="purple">
<table border="1" width="100%" align="center" cellpadding="30px">
<tr> <td bgcolor="pink" ></td> </tr>
<tr> <td bgcolor="pink" ></td> </tr>
<tr> <td bgcolor="pink" ></td> </tr>
<tr> <td bgcolor="pink" ></td> </tr>
<tr> <td bgcolor="pink" ></td> </tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="purple"> <h1>Column 5</h1> </td>
<td bgcolor="purple"> <h1> Column 6 </h1> </td>
</tr>
</table>
</body>
</html>
đầ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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Example 3 of HTML Nested Table </title>
</head><body>
<h2 style="color:pink"> HTML Nested Table </h2>
<table border="2" bordercolor="pink">
<tr>
<td> Outer Table 1 row 1 col 1 </td>
<td> Outer Table 1 row 2 col 1
<table border="2" bordercolor="blue">
<tr>
<td> Inner Table 2 row 1 col 1
<table border="2" bordercolor="red">
<tr>
<td> Inner Table 3 row 1 col 1
</td>
<td> Inner Table 3 row 1 col 2 </td>
</tr>
<tr>
<td> Inner Table 3 row 2 col 1 </td>
<td> Inner Table 3 row 2 col 2 </td>
</tr>
<tr>
<td> Inner Table 3 row 3 col 1 </td>
<td> Inner Table 3 row 3 col 2 </td>
</tr>
</table>
</td>
<td> Inner Table 2 row 1 col 2</td>
</tr>
<tr>
<td> Inner Table 2 row 2 col 1 </td>
<td> Inner Table 2 row 2 col 2 </td>
</tr>
<tr>
<td> Inner Table 2 row 3 col 1 </td>
<td> Inner Table 2 row 3 col 2 </td>
</tr>
</table>
</td>
</tr>
<tr>
<td> Outer Table row 2 col 1 </td>
<td> Outer Table row 2 col 2 </td>
</tr>
</table>
</body>
</html>
đầ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 nghĩa là gì?
Trong cơ sở dữ liệu quan hệ, bảng lồng nhau là bảng được nhúng trong một bảng khác . Các phần tử riêng lẻ có thể được chèn, cập nhật và xóa trong một bảng lồng nhau.
bảng lồng nhau là gì đưa ra một ví dụ?
Bảng lồng nhau là bảng bên trong bảng . Nó có thể có nhiều hàng cho mỗi hàng của bảng cha của nó. Các bảng lồng nhau trong oracle tương tự như mảng một chiều ngoại trừ kích thước của cái trước không có giới hạn trên và có thể tăng động.
Bảng lồng nhau trong thiết kế web là gì?
Bảng lồng nhau là bảng được bao bọc hoàn toàn bởi một bảng khác . Các bảng lồng nhau cung cấp cho bạn phương tiện để cấu trúc nội dung báo cáo hơn nữa. Các phần tử Ô cột có thể chứa các bảng HTML riêng của chúng.
Bảng lồng nhau là gì và nó khác với bảng bình thường như thế nào?
Bảng lồng nhau là một tập hợp các phần tử dữ liệu không có thứ tự, tất cả đều thuộc cùng một kiểu dữ liệu . Không có giá trị tối đa nào được chỉ định trong định nghĩa của bảng và thứ tự của các phần tử không được giữ nguyên. Bạn chọn, chèn, xóa và cập nhật trong một bảng lồng nhau giống như bạn làm với các bảng thông thường bằng cách sử dụng biểu thức TABLE.
