html - 如何只制作一张当前表格？

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 示例（您的代码在顶部）

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>

这是一个例子

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>

输出 ：