Anda tidak dapat meletakkan tr di dalam td. Anda dapat melihat konten yang diperbolehkan dari dokumentasi web MDN tentang td
. Informasi yang relevan ada di bagian konten yang diizinkan .
Cara lain untuk melakukannya adalah dengan menggunakan colspan
dan rowspan
. Periksa biola ini .
HTML:
<table width="100%">
<tr>
<td>Name 1</td>
<td>Name 2</td>
<td colspan="2">Name 3</td>
<td>Name 4</td>
</tr>
<tr>
<td rowspan="3">ITEM 1</td>
<td rowspan="3">ITEM 2</td>
<td>name1</td>
<td>price1</td>
<td rowspan="3">ITEM 4</td>
</tr>
<tr>
<td>name2</td>
<td>price2</td>
</tr>
<tr>
<td>name3</td>
<td>price3/td>
</tr>
</table>
Dan beberapa CSS:
table {
border-collapse: collapse
}
td {
border: 1px solid #000000
}