Table Footer Row : Table « Asp Control « ASP.Net






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>

 








Related examples in the same category

1.Add row to asp:table
2.asp:table with static data
3.Add asp:tablecell
4.Layout controls in an asp:Table