Table Footer Row
<%@ Page Language="C#"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Accessible Table Example</title> <style type="text/css"> table { border-collapse: collapse; width: 30em; margin-top: 1em;} caption { font-size: 1.1 em; font-weight: bold; margin: 1em; } th, td { padding: 0.1em 1em; } th { text-align: left; font-weight: bold; background-color: #FFFF80; border-top: 3px solid #a5a5a5; border-bottom: 3px solid #a5a5a5; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;} td { border: 1px solid #cccccc; } tfoot { background-color: #FFFFC0; border-top: 2px solid #a5a5a5; font-style: italic;} </style> </head> <body> <form id="form1" runat="server"> <div id="container"> <h2>Accessible Table Example</h2> <asp:Table id="tabMarkup" runat="server" Caption="Timing Results for Running Test" CaptionAlign="Top"> <asp:TableHeaderRow > <asp:TableHeaderCell Text="Name" ID="headName" /> <asp:TableHeaderCell Text="First Trial" ID="headFirst" /> <asp:TableHeaderCell Text="Second Trial" ID="headSecond" /> </asp:TableHeaderRow> <asp:TableRow> <asp:TableCell Text="Fred" AssociatedHeaderCellID="headName" /> <asp:TableCell Text="10.5" AssociatedHeaderCellID="headFirst" /> <asp:TableCell Text="36.5" AssociatedHeaderCellID="headSecond" /> </asp:TableRow> <asp:TableRow> <asp:TableCell Text="Sue" AssociatedHeaderCellID="headName" /> <asp:TableCell Text="45.3" AssociatedHeaderCellID="headFirst" /> <asp:TableCell Text="16.5" AssociatedHeaderCellID="headSecond" /> </asp:TableRow> <asp:TableFooterRow TableSection="TableFooter"> <asp:TableCell Text="Average" AssociatedHeaderCellID="headName" /> <asp:TableCell Text="27.9" AssociatedHeaderCellID="headFirst" /> <asp:TableCell Text="10.0" AssociatedHeaderCellID="headSecond" /> </asp:TableFooterRow> </asp:Table> </div> </form> </body> </html>