用于表头的第一个td单元的Col Span Split

Question

＆＃13;

＆＃13;

<table border="1">
  <tr>
    <th scope="col" colspan="1">Header</th>
    <th scope="col" colspan="2" >Header</th>
    <th scope="col" colspan="1">Header</th>
  </tr>
  <tr>

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

＆＃13;

＆＃13;

＆＃13;

从上面的代码我需要与第二个单元格共享第一个td。如果td colspan大于colspan，如何共享第一个td单元以与之共享。我在第一个td单元格中遇到错误，只有在与第二个标题共享时才会出错？

Answer 1

试试这个：

＆＃13;

＆＃13;

<table border="1">
  <colgroup>
    <col style="width:25%;" />
    <col style="width:25%;" />
    <col style="width:25%;" />
    <col style="width:25%;" />
  </colgroup>
  <tr>
    <th scope="col" colspan="1">Header</th>
    <th scope="col" colspan="2" >Header</th>
    <th scope="col" colspan="1">Header</th>
  </tr>
  <tr>

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

td的宽度通常取决于所有行的第n个td中的数据。

   <table border="1">
  <tr>
    <th>Month</th>
    <th colspan="2">Savings</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td colspan="2">January</td>
    <td>$100</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$8000</td>
  </tr>
  <tr>
    <td colspan="4">Sum: $180</td>
  </tr>
</table>