PLEASE RELOAD




Rowspan



Row span does not require that you know the total number of rows. It only requires that you know how many you want to span so you need to know the height of the rows and the height of your content to tell you how many rows you need to span....Rowspan.

Let's look at an example. The table below has four td cells across. Each cell is 30pixels in height, there are five rows.

    
    
    
    
    




Let's say we want the first column of our table to hold content that is 90pixels high. That means we need to span three rows; and we'll span the center three rows to put it in the middle.

    
S
p
a
n
     
   
   
    


For colspan we treated several cells as one and filled it with content. Now we treat several rows as one. To do that, the ending TR tags are eliminated till the span is complete. So there is no </tr> after rows two and three; row four is the last of our span and there is our closing TR tag. Be sure that each of rows two, three, four, start with a <tr>.

<tr><td width=50 height=90 rowspan=3 align=center>S<br>p<br>a<br>n</td> <td>2</td> <td>3</td> <td>4</td>

<tr><td>2</td> <td>3</td> <td>4</td>

<tr><td>2</td> <td>3</td> <td>4</td></tr>

<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr> </table></center>



You can do more than one rowspan in a table and in fact you can do more than one in a column. Here's an example of several in a table.

   T
w
o
O
n
e
   
   
   
    




Now let's apply rowspan to gradtables. We'll start with our same five row table but this time it's gradtables. I've left a one border on this so you can see the five separate rows.



Let's span the first four rows, one cell:



As you can see, rowspan and colspan can be very useful. Instead of doing a separate table for an object or text, using colspan/rowspan allows you to include it in your main table. These are particularly useful for geometrics and scopes. They are almost mandatory for Tronics.

And of course you can use both in the same table!!

 Col 2 
S
p
a
n
     
   
   
    


Code Here



Toots Home