table添加table-layout:fixed属性和colspan后列宽调整无效

给表格加上 table-layout: fixed; (防止td被撑开) 属性后,如果 第一行设置了 colspan 合并单元格后,那么后面的后面的单元格都被平均分配了,无法设置 width 属性

解决办法: table 单元格宽度一般都是按照第一行设置的宽度来进行分配的,在 table 第一行 添加 colgroup 固定每一列的宽度

示例:

<table>
  <colgroup>
    <col width="3%"></col>
    <col width="10%"></col>
    <col width="10%"></col>
    <col width="50%"></col>
    <col width="27%"></col>
  </colgroup>
  <tr>
    <td colspan="2">...</td>
    <td colspan="3">...</td>
  </tr>
  <tr>
    <td>...</td>
    <td>...</td>
    <td>...</td>
    <td>...</td>
    <td>...</td>
  </tr>
</table>