Back to home

Table test 07 - complex table with headers and ids

Imported and domestic orange and apple prices in Sydney and Melbourne
Imported Domestic
Oranges Apples Oranges Apples
Sydney
Wholesale $1.00 $1.25 $1.20 $1.00
Retail $2.00 $3.00 $1.80 $1.60
Melbourne
Wholesale $1.20 $1.30 $1.00 $0.80
Retail $1.60 $2.00 $2.00 $1.50
<table>
	<caption>Imported and domestic orange and apple prices in Sydney and Melbourne</caption>
	<thead>
		<tr>
			<td></td>
			<th colspan="2" id="imported">Imported</th>
			<th colspan="2" id="domestic">Domestic</th>
		</tr>
		<tr>
			<td></td>
			<th id="oranges-imp">Oranges</th>
			<th id="apples-imp">Apples</th>
			<th id="oranges-dom">Oranges</th>
			<th id="apples-dom">Apples</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th id="sydney" colspan="5">Sydney</th>
		</tr>
		<tr>
			<th headers="sydney" id="wholesale-sydney">Wholesale</th>
			<td headers="imported oranges-imp sydney wholesale-sydney">$1.00</td>
			<td headers="imported apples-imp sydney wholesale-sydney">$1.25</td>
			<td headers="domestic oranges-dom sydney wholesale-sydney">$1.20</td>
			<td headers="domestic apples-dom sydney wholesale-sydney">$1.00</td>
		</tr>
		<tr>
			<th headers="sydney" id="retail-sydney">Retail</th>
			<td headers="imported oranges-imp sydney retail-sydney">$2.00</td>
			<td headers="imported apples-imp sydney retail-sydney">$3.00</td>
			<td headers="domestic oranges-dom sydney retail-sydney">$1.80</td>
			<td headers="domestic apples-dom sydney retail-sydney">$1.60</td>
		</tr>
		<tr>
			<th id="melbourne" colspan="5">Melbourne</th>
		</tr>
		<tr>
			<th headers="melbourne" id="wholesale-melbourne">Wholesale</th>
			<td headers="imported oranges-imp melbourne wholesale-melbourne">$1.20</td>
			<td headers="imported apples-imp melbourne wholesale-melbourne">$1.30</td>
			<td headers="domestic oranges-dom melbourne wholesale-melbourne">$1.00</td>
			<td headers="domestic apples-dom melbourne wholesale-melbourne">$0.80</td>
		</tr>
		<tr>
			<th headers="melbourne" id="retail-melbourne">Retail</th>
			<td headers="imported oranges-imp melbourne retail-melbourne">$1.60</td>
			<td headers="imported apples-imp melbourne retail-melbourne">$2.00</td>
			<td headers="domestic oranges-dom melbourne retail-melbourne">$2.00</td>
			<td headers="domestic apples-dom melbourne retail-melbourne">$1.50</td>
		</tr>
	</tbody>
</table>
Support chart
OS Browser NVDA 2014.4 JAWS 16 VoiceOver
Windows 7 IE 11 x x
Windows 7 IE 8 x x
Windows 7 Chrome 39 x x
Windows 7 Firefox 34 x x
OSX 10.9 Chrome 39 x
OSX 10.9 Firefox 34 x
OSX 10.9 Safari 7 x

Bottom of page - Back to home