не удалось получить полную ширину таблицы

Question

<table> 
    <thead> 
     <tr> 
      <th> Column 1</th> 
     </tr> 
    </thead> 

    <tbody> 
     <tr> 
      <td>Header 1</td> 
     </tr> 
     <tr> 
      <td> Row 1</td> 
      <td> Row !</td> 
      <td> Row 1</td> 
     </tr> 
    </tbody> 
</table> 

Невозможно получить полную ширину в заголовке таблицы, а также тела помощь

https://jsfiddle.net/c714kt0z/

Answer 1

Вам нужно добавить colspan ="3", потому что у вас есть не более 3 колонке в row.

table{ 
 
    width:100%; 
 
} 
 

 
thead{ 
 
    background-color: #eee; 
 
    width:100%; 
 
} 
 

 
tbody{ 
 
    width: 100%; 
 
}

<table width="100%"> 
 
    <thead> 
 
     <tr> 
 
      <th colspan="3"> Column 1</th> 
 
     </tr> 
 
    </thead> 
 
    
 
    <tbody> 
 
     <tr> 
 
      <td colspan="3">Header 1</td> 
 
     </tr> 
 
     <tr> 
 
      <td> Row 1</td> 
 
      <td> Row !</td> 
 
      <td> Row 1</td> 
 
     </tr> 
 
    </tbody> 
 
</table>