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

时间:2016-01-31 05:44:45

标签: html

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

示例图片: sample image

2 个答案:

答案 0 :(得分:0)

这里是代码,正如你所描述的那样,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>

输出图像 - output of the above code

答案 1 :(得分:0)

添加其他<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>