row-span attribute usage

Sun Feb 26, 2012 7:26 pm

In this example we presents the usage of rowspan attribute with table tag. This attribute is used to span your row to more than one table's row.

Code:
<html>

<
head>
  <title>Table rowspan usage</title>
   <style type="text/css">
 

table  
{
  border-collapse: separate;
  border:1px solid red;
}
 
 table td
{
  border: 1px solid #EEFF11;
}
  </style>
</
head>

<
body>
<
table>
  <caption>Table with rowspan attribute</caption>
  <tr>
    <td rowspan="3" > Spaned row</td>
    <td rowspan="3" > Spaned row</td>
  </tr>
  <tr>
    <td>Row 2 data1</td>
    <td>Row 2 data2</td>
  </tr>
  <tr>
    <td>Row 3 data1</td>
    <td>Row 3 data2</td>
  </tr>
  
</table>

</
body>
</
html>

 




  Related Posts  to : row-span attribute usage
 usage of rev attribute     -  
 Usage of the before CSS attribute     -  
 Usage of the after CSS attribute     -  
 usage of ch attribute     -  
 vspace attribute usage     -  
 colspan attribute usage     -  
 Usage of contenteditable attribute     -  
 usage of <br> tag clear attribute     -  
 usage of id attribute for link jumps     -  
 Div Table with css row span     -  

Topic Tags

HTML Table