如何将列拆分为两个单元格而不影响表中的行

Question

我想将列拆分为两个单元格而不影响下面的行。

示例图片：

Answer 1

这里是代码，正如你所描述的那样，tble应该有8列7行，第一行应该只有两列。

<table border='1'>
<tr>
<td colspan='4'>Ujjwal</td>
<td colspan='4'>Ujjwal</td>
</tr>
<tr>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
</tr>
<tr>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
</tr>

<tr>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
</tr>

<tr>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
</tr>
<tr>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
</tr>

<tr>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
<td>Ujjwal</td>
</tr>
</table>

输出图像 -

Answer 2

添加其他<td/>以照常拆分列，并将colspan用于其余行的同一列。

例如：

<table>
  <tr><td>Row 1 Col 1</td><td>Row 1 Col 2</td><td>Row 1 Col 3</td></tr>
  <tr><td>Row 2 Col 1</td><td>Row 2 Col 2</td><td>Row 2 Col 3</td></tr>
  <tr><td>Row 3 Col 1</td><td>Row 3 Col 2</td><td>Row 3 Col 3</td></tr>
</table>

如果我想将第1行第1列分为第1行第1列和第1行第1列，则使用{{1}如下所示：

colspan

或者，懒惰的方法是使用嵌套表。

<table>
  <tr><td>Row 1 Col 1a</td><td>Row 1 Col 1b</td><td>Row 1 Col 2</td><td>Row 1 Col 3</td></tr>
  <tr><td colspan="2">Row 2 Col 1</td><td>Row 2 Col 2</td><td>Row 2 Col 3</td></tr>
  <tr><td colspan="2">Row 3 Col 1</td><td>Row 3 Col 2</td><td>Row 3 Col 3</td></tr>
</table>