row-span attribute usage

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>

 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

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

Topic Tags

HTML Table

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com