Merge Column in HTML table - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Column Layout

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Column Layout

Description

Merge Column in HTML table

Demo Code

ResultView the demo in separate window 

<html>
 <head></head> 
 <body> 
  <table style="width:100%" border="2px"> 
   <tbody> 
    <tr> 
     <th>test test test test test</th> 
     <th colspan="4">fdsaa asdf fdsa asdfs</th> 
    </tr> <!--  w  w w  .  ja v  a 2 s  .c o m-->
    <tr> 
     <td rowspan="2">Web Developer</td> 
     <td colspan="4">Jack</td> 
    </tr> 
    <tr> 
     <td>ted ted ted ted ted ted</td> 
     <td>20 th</td> 
     <td> ... </td> 
     <td> ... </td> 
    </tr> 
    <tr> 
     <td rowspan="2">Web Developer</td> 
     <td colspan="4">Fault</td> 
    </tr> 
    <tr> 
     <td>ade ade asde asdfe </td> 
     <td>fdaa asd fa fda sd f asd f as df asd f asd fa sdf a sdf asdf</td> 
     <td> ... </td> 
     <td> ... </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials