|
<%@ 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>
|