Yêu cầu Sep 27th, 2021 2:48 a.m. 165 0 3
  • 165 0 3
0

Làm Table Có Cột Không Bằng Nhau

Chia sẻ
  • 165 0 3

Ai Làm Giúp Em Cái Bảng Như Này Bằng HTML Và CSS Với Ạ

Avatar Khang @khangnd
Sep 27th, 2021 3:05 a.m.

Bạn đã thử những cách gì rồi? Câu hỏi này khá cơ bản nên thường ít có ai sẽ trả lời cho bạn nếu chưa thấy được bạn đã cố gắng ntn.

Avatar Hải Đăng Vũ @ere42556061
Sep 27th, 2021 6:24 p.m.

@khangnd mình cũng thử khá nhiều rồi nhưng mình ko biết trồng hai cột lên nhau mà trc nó là 1 cột

Sep 29th, 2021 8:41 a.m.

3 CÂU TRẢ LỜI


Đã trả lời Sep 27th, 2021 3:20 a.m.
Đã được chấp nhận
+1

Bạn có thể tham khảo ở đây nhé, còn về độ rộng của các cột bạn có thể thêm css cho nó.

Chia sẻ
Đã trả lời Sep 29th, 2021 2:13 a.m.
0

Để gộp 2 cột thì bạn sử dụng thuộc tính colspan=<số_cột> cho tag <td> giống như dưới đây:

        <table border="1" cellpadding="2" cellspacing="2">
 		<thead>
 			<tr>
 			<th >Tiêu đề cột 1 hàng 1</th>
 				<th>Tiêu đề cột 2 hàng 1</th>
 			</tr>
 		</thead>
 		<tbody>
 			<tr>
 				<td colspan="2">Phần thân cột 1 hàng 2</td>
 			</tr>
 			<tr>
 				<td>Phần thân cột 1 hàng 3</td>
 				<td>Phần thân cột 2 hàng 3</td>
 			</tr>
 		</tbody>
 	</table>

Kết quả bạn sẽ thấy như thầy này: image.png

Để gộp 2 hàng thì bạn sử dụng thuộc tính rowspan=<số_hàng> cho tag <td> giống như dưới đây:

        <table border="1" cellpadding="2" cellspacing="2">
 		<thead>
 			<tr>
 				<th >Tiêu đề cột 1 hàng 1</th>
 				<th>Tiêu đề cột 2 hàng 1</th>
 			</tr>
 		</thead>
 		<tbody>
 			<tr>
 				<td rowspan="2">Phần thân cột 1 hàng 2</td>
 				<td>Phần thân cột 2 hàng 2</td>
 			</tr>
 			<tr>
 				<td>Phần thân cột 2 hàng 3</td>
 			</tr>
 		</tbody>
 	</table>

Kết quả bạn sẽ thấy như này: image.png

Mình nghĩ đây là 2 vấn đề trong câu hỏi của bạn, chứ bảng này to quá bạn tự tạo nha =)))

Tham khảo: https://toidicode.com/

Chia sẻ
Avatar Hải Đăng Vũ @ere42556061
Sep 29th, 2021 11:22 a.m.

cảm ơn bạn nhưng mình có rồi =(

Đã trả lời Sep 29th, 2021 8:42 a.m.
Chia sẻ
Avatar Hải Đăng Vũ @ere42556061
Sep 29th, 2021 11:21 a.m.

xin lỗi bạn mình có rồi =(

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí