应用colspan时将宽度应用于表格单元格

Question

即使我已经应用了表格布局固定，表格td单元格也没有占用宽度， 是否可以在不改变表格显示属性的情况下为td单元格应用宽度。

HTML：

＆＃13;

＆＃13;

    table {
      width: 500px;
      border: 1px solid #dadada;
      border-collapse: collapse;
      table-layout: fixed;
    }
    
    td {
      border: 1px solid #dadada;
    }
    
    .td-1 {
      width: 480px;
    }
    .td-2 {
      width: 200px;
    }
    .td-3 {
      width: 290px;
    }
    .td-4 {
      width: 100px;
    }
    .td-5 {
      width: 390px;
    }

＆＃13;

<table>
      <tr>
        <td colspan="4" class="td-1">This is Amazing</td>
      </tr>
      <tr>
        <td colspan="2" class="td-2">This is beautiful</td>
        <td colspan="2" class="td-3">This is kinda of nothing</td>
      </tr>
      <tr>
        <td class="td-4">This is Awesome</td>
        <td colspan="3" class="td-5">This is Sick</td>
      </tr>
    </table>

＆＃13;

＆＃13;

＆＃13;

Answer 1

表从第一行开始获取列宽。考虑到这一点，我会通过创建一个没有任何colspan的初始空鬼行来解决这个问题。这允许您指定每列的确切宽度。该行可以是1px高，因此几乎看不到。