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

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ó.

Để 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:

Để 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:

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/

https://codepen.io/l-huy-ip/pen/QWgYvey day nhe