如何只生成一张当前表格？

Question

在哪里TEST我有其他桌子，但如果它只有一张桌子会不会更好？

<Table border="1">
    <Tr>
       <th>1</th>
        <th>2</th>
        <th>4</th>
        <th colspan="3">
           <table>
              <tr>
                  <td colspan="3" style="border-bottom: 1px solid">TEST</td>
               </tr>
               <tr>
                   <td style="border-right: 1px solid">1</td><td>2</td><td style="border-left: 1px solid">3</td>
               </tr>
            </table>
        </th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>

在这个html中我有两个表，你可以看到，我怎么才能只有一个呢？

Answer 1

没有嵌套：

<table>
    <tr>
        <td rowspan="2">1</td>
        <td rowspan="2">2</td>
        <td rowspan="2">4</td>
        <td colspan="3">TEST</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>

jsFiddle example （您的代码位于首位）

Answer 2

是的，你可以。一种方法是使用rowspan属性并有2个标题行。像这样：

<table>
    <tr>
        <th rowspan="2">1</th>
        <th rowspan="2">2</th>
        <th rowspan="2">4</th>
        <th colspan="3">TEST</th>
    </tr>
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>

Here is an example

Answer 3

尝试如下，它会帮助你..

HTML：

<table border="1">

<tr>
<td rowspan="2">1</td>
<td  rowspan="2">2</td>
<td  rowspan="2">4</td>
<td colspan="3">Test</td>
</tr>

<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>

<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>

</table>

输出