create an html table with captions for column and row sections - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Row

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table Row

Description

create an html table with captions for column and row sections

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
td {<!--from  w w w  . j  ava  2s  .c om-->
   padding-right:16px
}

.space {
   padding-right:76px;
}
</style> 
 </head> 
 <body> 
  <table id="mytable"> 
   <tbody> 
    <tr> 
     <th>Lorem ipsu</th> 
     <th colspan="6">Lorem ipsum</th> 
    </tr> 
    <tr id="Row1"> 
     <td class="space">&nbsp;</td> 
     <td>Lorem</td> 
     <td>Lorem ip</td> 
     <td>Lorem ipsum</td> 
     <td>Lorem</td> 
     <td>Lorem ip</td> 
    </tr> 
    <tr id=""> 
     <td>Lorem ipsum do</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr id=""> 
     <td>Lorem </td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials