Table colspan and rowspan - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Row

Description

Table colspan and rowspan

Demo Code

ResultView the demo in separate window

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--   www  . j a v a2 s  .c om-->
 <body> 
  <div style="margin-top: 10px;"> 
   <table class="table table-bordered" border="1"> 
    <thead> 
     <tr> 
      <th rowspan="2">Lorem</th> 
      <th rowspan="2">Lorem ip</th> 
      <th colspan="2">Lore</th> 
      <th colspan="5">Lorem ipsum d</th> 
      <th colspan="4">Lorem ipsum</th> 
      <th colspan="9">Lorem ipsum d</th> 
     </tr> 
     <tr> 
      <th>Lorem ips</th> 
      <th>Lorem ip</th> 
      <th>Lorem ips</th> 
      <th>Lorem ipsum do</th> 
      <th>Lorem i</th> 
      <th>Lorem ip</th> 
      <th>Lorem ip</th> 
      <th>Lor</th> 
      <th>Lor</th> 
      <th>Lore</th> 
      <th>Lore</th> 
      <th>Lor</th> 
      <th>Lor</th> 
      <th>Lor</th> 
      <th>Lor</th> 
      <th>Lorem ipsu</th> 
      <th>Lorem ipsum</th> 
      <th>Lorem ips</th> 
      <th>Lorem ipsum</th> 
      <th>Lorem ipsum dolor </th> 
     </tr> 
    </thead> 
   </table> 
  </div>  
 </body>
</html>

Related Tutorials