包含行和列跨越的表 - 在线编辑器

<style>
table {
  border: 1px solid black;
}

th, td {
  border: 1px solid black;
}
</style>

<table>
  <tr>
    <th rowspan="2">姓名</th>
    <th rowspan="2">编号</th>
    <th colspan="2">会员有效期</th>
    <th rowspan="2">余额</th>
  </tr>
  <tr>
    <th>加入</th>
    <th>到期</th>
  </tr>
  <tr>
    <th>玛格丽特 阮</th>
    <td>427311</td>
    <td><time datetime="2010-06-03">2010-06-03</time></td>
    <td>n/a</td>
    <td>0.00</td>
  </tr>
  <tr>
    <th>爱德华 加林斯基</th>
    <td>533175</td>
    <td><time datetime="2011-01-13">2011-01-13</time></td>
    <td><time datetime="2017-04-08">2017-04-08</time></td>
    <td>37.00</td>
  </tr>
  <tr>
    <th>中村星</th>
    <td>601942</td>
    <td><time datetime="2012-07-23">2012-07-23</time></td>
    <td>n/a</td>
    <td>15.00</td>
  </tr>
</table>
​x
 
<style>
table {
  border: 1px solid black;
}
​
th, td {
  border: 1px solid black;
}
</style>
​
<table>
  <tr>
    <th rowspan="2">姓名</th>
    <th rowspan="2">编号</th>
    <th colspan="2">会员有效期</th>
    <th rowspan="2">余额</th>
  </tr>
  <tr>
    <th>加入</th>
    <th>到期</th>
  </tr>
  <tr>
    <th>玛格丽特 阮</th>
    <td>427311</td>