'tfoot' defines table footer : tfoot « Tags « HTML / CSS

HTML / CSS » Tags » tfoot 
'tfoot' defines table footer
 
    
<html>
<head>
<title>tfoot element examples</title>
</head>
<body>
    <table width="500" border="8" cellspacing="5" cellpadding="5" align="center">
        <tbody>
            <tr>
                <td>tbody rows group.</td>
                <td>tbody rows group.</td>
                <td>tbody rows group.</td>
            </tr>
            <tr>
                <td>tbody rows group.</td>
                <td>tbody rows group.</td>
                <td>tbody rows group.</td>
            </tr>
        </tbody>
        <tfoot style="color:red" align="right">
            <td>tfoot rows group.</td>
            <td>tfoot rows group.</td>
            <td>tfoot rows group.</td>
        </tfoot>
    </table>
</body>
</html>
    
      
        
  
Related examples in the same category
1.table header foot
2.Style for table footer
3.Table footer style
4.Only header and footer have border
5.Add extra row to the footer
6.tfoot tag is the last section of a table, which formats the table footer
7.Style for table footer: background, color and font
8.Selecting cells in foot
9.tfoot td border: thin solid black;text-align: center;font-weight: bold;
10.tfoot th, tfoot td {border-top: 2px solid #666; color: #363;}
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.