Set width on which under with colspan

Question

I\'d like to set width on the td in tbody which is underneath thead that has colspan=\"2\" with an hard defined column wi

Answer 1

just change your css that is so confusing for me. change it to follow

 .sample {width: 100%;}
.sample td:nth-child(1) {width:30%;}
.sample td:nth-child(2) {width:70%;}

of you wish that table looks good then you can give border so that u have clear idea about it.

<table class="sample" border="1px grey solid">
..
</table>

Answer 2

Try using <colgroup> and <col> tags:

.sample {
  width: 100%;
  table-layout: fixed;
}

<table class="sample" border="1">
  <colgroup>
    <col style="width:30%;">
    <col style="width:70%;">
  </colgroup>
  <thead>
    <tr>
      <th colspan="2">Header</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>30%</td>
      <td>70%</td>
    </tr>
  </tbody>
</table>