Back to Table Page

Table Example

Data table without any headers or summary

Months Airline Tickets Car Rental , Mileage, Taxi Food & Beverage Hotel Expenses

Tolls, Parking, gas tips etc

Other
January $ 350 $ 180 $ 79.52 $ 559 $ 79 $10
February $ 459   $ 182.74 $ 342 $ 110 $ 21
March $6, 350 $ 284 $ 452.40 $ 2,650 $ 162 $ 25
April $ 782 $ 52 $ 95.45 $ 142 $ 15 $ 12
May   $ 382 $ 68 $101.20 $ 18 $ 15

Code data table with column and row headers not identified

<table width="75%" border="1" id="Data" >
<tr bgcolor="#91C8FF">
<td >Months</td>
<td >Airline Tickets</td>
<td >Car Rental , Mileage, Taxi</td>
<td >Food &amp; Beverage</td>
<td >Hotel Expenses</td>
<td ><p>Tolls, Parking, gas tips etc</td>
<td >Other</td>
</tr>
<tr>
<td bgcolor="#91C8FF">January</td>
<td>$ 350</td>
<td>$ 180</td>
<td>$ 79.52</td>
<td>$ 559</td>
<td>$ 79</td>
<td>$10</td>
</tr>
<tr>
<td bgcolor="#91C8FF" >February</td>
<td>$ 459</td>
<td>&nbsp;</td>
<td>$ 182.74</td>
<td>$ 342</td>
<td>$ 110 </td>
<td>$ 21 </td>
</tr>
<tr>
<td bgcolor="#91C8FF">March</td>
<td>$6, 350</td>
<td>$ 284</td>
<td>$ 452.40</td>
<td>$ 2,650</td>
<td>$ 162</td>
<td>$ 25</td>
</tr>
<tr>
........
</tr>
</table>

Data table with row and column headers and summary

Travel budget Year 2004
Months Airline Tickets Car Rental, Mileage, Taxi Food & Beverage Hotel Expenses

Tolls, Parking, gas, tips.

Other
January $ 350 $ 180 $ 79.52 $ 559 $ 79 $ 10
February $ 459   $ 182.74 $ 342 $ 110 $ 21
March $ 6, 350 $ 284 $ 452.40 $ 2,650 $ 162 $ 25
April $ 782 $ 52 $ 95.45 $ 142 $ 15 $ 12
May   $ 382 $ 68 $101.20 $ 18 $ 15

 

Code for data table with headers idendtified

<table width="75%" border="1" id="Data" summary="Department Travel Budget for the first five month of 2004">
<caption>
Travel budget Year 2004
</caption>
<tr bgcolor="#91C8FF">
<th scope="col">Months</th>
<th scope="col">Airline Tickets</th>
<th scope="col" >Car Rental, Mileage, Taxi</th>
<th scope="col" >Food &amp; Beverage</th>
<th scope="col" >Hotel Expenses</th>
<th scope="col" >Tolls, Parking, gas, tips.</th>
<th scope="col" >Other</th>
</tr>
<tr>
<th scope="row" bgcolor="#91C8FF" >January</th>
<td>$ 350</td>
<td>$ 180</td>
<td>$ 79.52</td>
<td>$ 559</td>
<td>$ 79</td>
<td>$ 10</td>
</tr>
<tr>
<th scope="row" bgcolor="#91C8FF" >February</th>
<td>$ 459</td>
<td>&nbsp;</td>
<td>$ 182.74</td>
<td>$ 342</td>
<td>$ 110 </td>
<td>$ 21 </td>
</tr>
<tr>
<th scope="row" bgcolor="#91C8FF" >March</th>
<td>$ 6, 350</td>
<td>$ 284</td>
<td>$ 452.40</td>
<td>$ 2,650</td>
<td>$ 162</td>
<td>$ 25</td>
</tr>
<tr>
.......
</tr>
</table>

Data table with cells associated with headers

Travel Budget for 2004
Months Airline Tickets Car Rental, Mileage, Taxi Food & Beverage Hotel Expenses

Tolls, Parking, tips etc.

Other
January $ 350 $ 180 $ 79.52 $ 559 $ 79 $ 10
February $ 459 $ 0 $ 182.74 $ 342 $ 110 $ 21
March $ 6, 350 $ 284 $ 452.40 $ 2,650 $ 162 $ 25
April $ 782 $ 52 $ 95.45 $ 142 $ 15 $ 12
May $ 0 $ 382 $ 68 $ 101.20 $ 18 $ 15

Code for Data Table associating data cells with row and column headers

<table width="75%" border="2" align="center" id="Data" summary="Department Travel Budget for first five months of year 2004">
<caption>
Travel Budget for 2004
</caption>
<tr bgcolor="#91C8FF">
<th scope="col">Months</th>
<th id="air" scope="col" abbr="airfare">Airline Tickets</th>
<th id="car" scope="col" abbr="car">Car Rental, Mileage, Taxi</th>
<th id="food" scope="col" abbr="food" >Food &amp; Beverage</th>
<th id="hotel" scope="col" abbr="hotel">Hotel Expenses</th>
</tr>

<tr>
<th scope="row" id="jan" abbr="Jan" bgcolor="#91C8FF">January</th>
<td headers="jan air">$ 350</td>
<td headers="jan car">$ 180</td>
<td headers="jan food">$ 79.52</td>
<td headers="jan hotel">$ 559</td>
</tr>

<tr>
<th scope="row" id="feb" bgcolor="#91C8FF" abbr="Feb" >February</th>
<td headers="feb air">$ 459</td>
<td headers="feb car"> $ 0 </td>
<td headers="feb food">$ 182.74</td>
<td headers="feb hotel">$ 342</td>
</tr>

<tr>
<th scope="row" id="mar" bgcolor="#91C8FF" >March</th>
<td headers="mar air">$ 6, 350</td>
<td headers="mar car">$ 284</td>
<td headers="mar food">$ 452.40</td>
<td headers="mar hotel">$ 2,650</td>
</tr>

<tr>
<th scope="row" id="ap" bgcolor="#91C8FF">April</th>
<td headers="ap air">$ 782</td>
<td headers="ap car">$ 52</td>
<td headers="ap food">$ 95.45</td>
<td headers="ap hotel">$ 142</td>
</tr>
</table>

Top of Page