Nhóm Bảng-Cột là gì?
Nhóm Bảng-Cột, như tên gợi ý, là một nhóm các ô từ nhiều cột. Tất cả các giá trị trong một cột cụ thể có liên quan với nhau. Một Table-Column lưu trữ một phần tử bao gồm nhiều cột. Chúng tôi sử dụng một “
Ví dụ
Trong bảng về dữ liệu sinh học của nhân viên công ty nơi “Tên”, “Tuổi” và “Chiều cao” được ghi lại, mỗi cột màu xanh lam tương ứng với một nhân viên cụ thể, được minh họa trong ví dụ sau:
< bàn >
< tập hợp lại >
< cột phong cách = 'màu nền: hồng' >
< cột nhịp = '3' phong cách = 'màu nền: lightblue' >
< / tập hợp lại >
< tr >
< td > Tên < / td >
< td > Michael < / td >
< td > Giacôbê < / td >
< td > David < / td >
< / tr >
< tr >
< td > Tuổi < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Chiều cao < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / bàn >
Thực hiện theo các bước dưới đây theo đoạn mã trên:
- Bắt đầu bằng cách tạo một bảng và thêm
nhãn. - Sử dụng nhịp lớp tiện ích và chỉ định số cột được nhóm lại với nhau.
- Bây giờ, hãy đóng nhóm cộng tác bằng cách sử dụng nhãn.
- Ngoài ra, hãy nhập dữ liệu đã nêu trong các hàng của bảng bằng cách sử dụng
Và thẻ. - Đóng bảng thông qua nhãn.
đầu ra
'Khoảng' của các ô trong một bảng trong HTML biểu thị số lượng cột mà một ô có thể bao phủ. Nó cung cấp cách sử dụng tương tự như chức năng 'hợp nhất' các ô trong Microsoft Excel.
Nhóm Table-Row là gì?
Nhóm Bảng-Hàng là sự liên kết với nhau của nhiều hàng để tạo thành một nhóm duy nhất. Một phần tử số ít bao gồm nhiều hàng. Nó được thực hiện thông qua “
' nhãn. Ví dụ
Bảng sau đây thể hiện doanh số bán hàng của nhân viên trong một tháng có thể được hiển thị bằng cách nhóm hàng chứa tên của tháng với tên của nhiều nhân viên. Sau đó, doanh số bán hàng của họ có thể được hiển thị tương ứng với tên của họ. Chúng tôi đã minh họa tương tự trong đoạn mã dưới đây:
< bàn lớp học = 'wet-boew-ngựa vằn' >
< tập hợp lại >
< cột >
< cột >
< / tập hợp lại >
< tbody >
< tr >
< quần què colspan = '9' >BÁN HÀNG HÀNG THÁNG ( $ ) < / quần què >
< / tr >
< tr >
< quần què khoảng cách hàng = '4' > tháng năm 2023 < / quần què >
< quần què >James< / quần què >
< td > 1434 < / td >
< / tr >
< tr >
< quần què >Michael< / quần què >
< td > 1700 < / td >
< / tr >
< tr >
< quần què >John< / quần què >
< td > 1299 < / td >
< / tr >
< / tbody >
< tbody >
< tr >
< quần què khoảng cách hàng = '4' > tháng sáu 2023 < / quần què >
< quần què >James< / quần què >
< td > 1256 < / td >
< / tr >
< tr >
< quần què >Michael< / quần què >
< td > 1975 < / td >
< / tr >
< tr >
< quần què >John< / quần què >
< td > 1883 < / td >
< / tr >
< / tbody >
< / bàn >Trong mã đã nêu ở trên:
- Xác định một bảng và thêm
nhãn. - Xác định nhóm các cột bằng cách sử dụng colspan lớp tiện ích.
- Tương tự như vậy, xác định nhóm các hàng thông qua khoảng cách hàng lớp tiện ích.
- Bây giờ, hãy nhập dữ liệu về doanh số bán hàng của tất cả các cá nhân trong mỗi hai tháng.
- Cuối cùng, đóng bảng bằng cách sử dụng nhãn.
đầu ra
Phần kết luận
Các ô riêng lẻ trong một bảng có thể được nhóm lại nếu một giá trị tương ứng với nhiều mục nhập khác. Chúng tôi cũng đã quan sát thấy rằng bảng có thể được nhóm theo cột hoặc hàng. Cả hai đều có chức năng riêng và có thể được sử dụng bất cứ khi nào cần thiết.