<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AccessibleTable.aspx.cs" Inherits="AccessibleTable" %>

<!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>Przykład dostępnej tabeli</title>
    <link href="chapterStyles.css" type="text/css" rel="stylesheet" />
    <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>Przykład dostępnej tabeli</h2>
        <asp:Table id="tabMarkup" runat="server" 
             Caption="Czasy testu lekkoatletycznego"
             CaptionAlign="Top">
           <asp:TableHeaderRow >
              <asp:TableHeaderCell Text="Name" ID="headName" />
              <asp:TableHeaderCell Text="Pierwsza próba" ID="headFirst" />
              <asp:TableHeaderCell Text="Druga próba" ID="headSecond" />
           </asp:TableHeaderRow>
           <asp:TableRow>
              <asp:TableCell Text="Jan" AssociatedHeaderCellID="headName" />
              <asp:TableCell Text="10,5" AssociatedHeaderCellID="headFirst" />
              <asp:TableCell Text="36,5" AssociatedHeaderCellID="headSecond" />
           </asp:TableRow>
           <asp:TableRow>
               <asp:TableCell Text="Kasia" 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="Średnia" AssociatedHeaderCellID="headName" />
              <asp:TableCell Text="27,9" AssociatedHeaderCellID="headFirst" />
              <asp:TableCell Text="10,0" AssociatedHeaderCellID="headSecond" />
           </asp:TableFooterRow>
        </asp:Table>
    </div>
    </form>
</body>
</html>
