WebSVN – SmartDukaan – Blame – //trunk/GoogleAppDatalog/src/main/webapp/DataTables/extras/FixedHeader/two_tables.html

Rev	Author	Line No.	Line
2629	vikas	1	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`
		2	`<html>`
		3	`<head>`
		4	`<meta http-equiv="content-type" content="text/html; charset=utf-8">`
		5	`<link rel="shortcut icon" type="image/ico" href="http://www.sprymedia.co.uk/media/images/favicon.ico">`
		6
		7	`<title>FixedHeader example</title>`
		8	`<style type="text/css" title="currentStyle">`
		9	`@import "../../media/css/demo_page.css";`
		10	`@import "../../media/css/demo_table.css";`
		11	`@import "media/css/TableTools.css";`
		12	`.FixedHeader_Cloned th { background-color: white; }`
		13	`</style>`
		14	`<script type="text/javascript" charset="utf-8" src="../../media/js/jquery.js"></script>`
		15	`<script type="text/javascript" charset="utf-8" src="../../media/js/jquery.dataTables.js"></script>`
		16	`<script type="text/javascript" charset="utf-8" src="js/FixedHeader.js"></script>`
		17	`<script type="text/javascript" charset="utf-8">`
		18	`$(document).ready( function () {`
		19	`var oTable = $('#example').dataTable();`
		20	`new FixedHeader( oTable, { "bottom": true } );`
		21
		22	`var oTable2 = $('#example2').dataTable();`
		23	`new FixedHeader( oTable2, { "bottom": true } );`
		24	`} );`
		25	`</script>`
		26	`</head>`
		27	`<body id="dt_example">`
		28	`<div id="container">`
		29	`<div class="full_width big">`
		30	`FixedHeader example - two tables`
		31	`</div>`
		32
		33	`<h1>Preamble</h1>`
		34	`<p>The following example shows two DataTables enhanced tables both with FixedHeader enabled on them. The footer is also fixed for both table.</p>`
		35
		36	`<h1>Live example</h1>`
		37	`<div id="demo">`
		38	`<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">`
		39	`<thead>`
		40	`<tr>`
		41	`<th>Rendering engine</th>`
		42	`<th>Browser</th>`
		43	`<th>Platform(s)</th>`
		44	`<th>Engine version</th>`
		45	`<th>CSS grade</th>`
		46	`</tr>`
		47	`</thead>`
		48	`<tbody>`
		49	`<tr class="gradeX">`
		50	`<td>Trident</td>`
		51	`<td>Internet`
		52	`Explorer 4.0</td>`
		53	`<td>Win 95+</td>`
		54	`<td class="center">4</td>`
		55	`<td class="center">X</td>`
		56	`</tr>`
		57	`<tr class="gradeC">`
		58	`<td>Trident</td>`
		59	`<td>Internet`
		60	`Explorer 5.0</td>`
		61	`<td>Win 95+</td>`
		62	`<td class="center">5</td>`
		63	`<td class="center">C</td>`
		64	`</tr>`
		65	`<tr class="gradeA">`
		66	`<td>Trident</td>`
		67	`<td>Internet`
		68	`Explorer 5.5</td>`
		69	`<td>Win 95+</td>`
		70	`<td class="center">5.5</td>`
		71	`<td class="center">A</td>`
		72	`</tr>`
		73	`<tr class="gradeA">`
		74	`<td>Trident</td>`
		75	`<td>Internet`
		76	`Explorer 6</td>`
		77	`<td>Win 98+</td>`
		78	`<td class="center">6</td>`
		79	`<td class="center">A</td>`
		80	`</tr>`
		81	`<tr class="gradeA">`
		82	`<td>Trident</td>`
		83	`<td>Internet Explorer 7</td>`
		84	`<td>Win XP SP2+</td>`
		85	`<td class="center">7</td>`
		86	`<td class="center">A</td>`
		87	`</tr>`
		88	`<tr class="gradeA">`
		89	`<td>Trident</td>`
		90	`<td>AOL browser (AOL desktop)</td>`
		91	`<td>Win XP</td>`
		92	`<td class="center">6</td>`
		93	`<td class="center">A</td>`
		94	`</tr>`
		95	`<tr class="gradeA">`
		96	`<td>Gecko</td>`
		97	`<td>Firefox 1.0</td>`
		98	`<td>Win 98+ / OSX.2+</td>`
		99	`<td class="center">1.7</td>`
		100	`<td class="center">A</td>`
		101	`</tr>`
		102	`<tr class="gradeA">`
		103	`<td>Gecko</td>`
		104	`<td>Firefox 1.5</td>`
		105	`<td>Win 98+ / OSX.2+</td>`
		106	`<td class="center">1.8</td>`
		107	`<td class="center">A</td>`
		108	`</tr>`
		109	`<tr class="gradeA">`
		110	`<td>Gecko</td>`
		111	`<td>Firefox 2.0</td>`
		112	`<td>Win 98+ / OSX.2+</td>`
		113	`<td class="center">1.8</td>`
		114	`<td class="center">A</td>`
		115	`</tr>`
		116	`<tr class="gradeA">`
		117	`<td>Gecko</td>`
		118	`<td>Firefox 3.0</td>`
		119	`<td>Win 2k+ / OSX.3+</td>`
		120	`<td class="center">1.9</td>`
		121	`<td class="center">A</td>`
		122	`</tr>`
		123	`<tr class="gradeA">`
		124	`<td>Gecko</td>`
		125	`<td>Camino 1.0</td>`
		126	`<td>OSX.2+</td>`
		127	`<td class="center">1.8</td>`
		128	`<td class="center">A</td>`
		129	`</tr>`
		130	`<tr class="gradeA">`
		131	`<td>Gecko</td>`
		132	`<td>Camino 1.5</td>`
		133	`<td>OSX.3+</td>`
		134	`<td class="center">1.8</td>`
		135	`<td class="center">A</td>`
		136	`</tr>`
		137	`<tr class="gradeA">`
		138	`<td>Gecko</td>`
		139	`<td>Netscape 7.2</td>`
		140	`<td>Win 95+ / Mac OS 8.6-9.2</td>`
		141	`<td class="center">1.7</td>`
		142	`<td class="center">A</td>`
		143	`</tr>`
		144	`<tr class="gradeA">`
		145	`<td>Gecko</td>`
		146	`<td>Netscape Browser 8</td>`
		147	`<td>Win 98SE+</td>`
		148	`<td class="center">1.7</td>`
		149	`<td class="center">A</td>`
		150	`</tr>`
		151	`<tr class="gradeA">`
		152	`<td>Gecko</td>`
		153	`<td>Netscape Navigator 9</td>`
		154	`<td>Win 98+ / OSX.2+</td>`
		155	`<td class="center">1.8</td>`
		156	`<td class="center">A</td>`
		157	`</tr>`
		158	`<tr class="gradeA">`
		159	`<td>Gecko</td>`
		160	`<td>Mozilla 1.0</td>`
		161	`<td>Win 95+ / OSX.1+</td>`
		162	`<td class="center">1</td>`
		163	`<td class="center">A</td>`
		164	`</tr>`
		165	`<tr class="gradeA">`
		166	`<td>Gecko</td>`
		167	`<td>Mozilla 1.1</td>`
		168	`<td>Win 95+ / OSX.1+</td>`
		169	`<td class="center">1.1</td>`
		170	`<td class="center">A</td>`
		171	`</tr>`
		172	`<tr class="gradeA">`
		173	`<td>Gecko</td>`
		174	`<td>Mozilla 1.2</td>`
		175	`<td>Win 95+ / OSX.1+</td>`
		176	`<td class="center">1.2</td>`
		177	`<td class="center">A</td>`
		178	`</tr>`
		179	`<tr class="gradeA">`
		180	`<td>Gecko</td>`
		181	`<td>Mozilla 1.3</td>`
		182	`<td>Win 95+ / OSX.1+</td>`
		183	`<td class="center">1.3</td>`
		184	`<td class="center">A</td>`
		185	`</tr>`
		186	`<tr class="gradeA">`
		187	`<td>Gecko</td>`
		188	`<td>Mozilla 1.4</td>`
		189	`<td>Win 95+ / OSX.1+</td>`
		190	`<td class="center">1.4</td>`
		191	`<td class="center">A</td>`
		192	`</tr>`
		193	`<tr class="gradeA">`
		194	`<td>Gecko</td>`
		195	`<td>Mozilla 1.5</td>`
		196	`<td>Win 95+ / OSX.1+</td>`
		197	`<td class="center">1.5</td>`
		198	`<td class="center">A</td>`
		199	`</tr>`
		200	`<tr class="gradeA">`
		201	`<td>Gecko</td>`
		202	`<td>Mozilla 1.6</td>`
		203	`<td>Win 95+ / OSX.1+</td>`
		204	`<td class="center">1.6</td>`
		205	`<td class="center">A</td>`
		206	`</tr>`
		207	`<tr class="gradeA">`
		208	`<td>Gecko</td>`
		209	`<td>Mozilla 1.7</td>`
		210	`<td>Win 98+ / OSX.1+</td>`
		211	`<td class="center">1.7</td>`
		212	`<td class="center">A</td>`
		213	`</tr>`
		214	`<tr class="gradeA">`
		215	`<td>Gecko</td>`
		216	`<td>Mozilla 1.8</td>`
		217	`<td>Win 98+ / OSX.1+</td>`
		218	`<td class="center">1.8</td>`
		219	`<td class="center">A</td>`
		220	`</tr>`
		221	`<tr class="gradeA">`
		222	`<td>Gecko</td>`
		223	`<td>Seamonkey 1.1</td>`
		224	`<td>Win 98+ / OSX.2+</td>`
		225	`<td class="center">1.8</td>`
		226	`<td class="center">A</td>`
		227	`</tr>`
		228	`<tr class="gradeA">`
		229	`<td>Gecko</td>`
		230	`<td>Epiphany 2.20</td>`
		231	`<td>Gnome</td>`
		232	`<td class="center">1.8</td>`
		233	`<td class="center">A</td>`
		234	`</tr>`
		235	`<tr class="gradeA">`
		236	`<td>Webkit</td>`
		237	`<td>Safari 1.2</td>`
		238	`<td>OSX.3</td>`
		239	`<td class="center">125.5</td>`
		240	`<td class="center">A</td>`
		241	`</tr>`
		242	`<tr class="gradeA">`
		243	`<td>Webkit</td>`
		244	`<td>Safari 1.3</td>`
		245	`<td>OSX.3</td>`
		246	`<td class="center">312.8</td>`
		247	`<td class="center">A</td>`
		248	`</tr>`
		249	`<tr class="gradeA">`
		250	`<td>Webkit</td>`
		251	`<td>Safari 2.0</td>`
		252	`<td>OSX.4+</td>`
		253	`<td class="center">419.3</td>`
		254	`<td class="center">A</td>`
		255	`</tr>`
		256	`<tr class="gradeA">`
		257	`<td>Webkit</td>`
		258	`<td>Safari 3.0</td>`
		259	`<td>OSX.4+</td>`
		260	`<td class="center">522.1</td>`
		261	`<td class="center">A</td>`
		262	`</tr>`
		263	`<tr class="gradeA">`
		264	`<td>Webkit</td>`
		265	`<td>OmniWeb 5.5</td>`
		266	`<td>OSX.4+</td>`
		267	`<td class="center">420</td>`
		268	`<td class="center">A</td>`
		269	`</tr>`
		270	`<tr class="gradeA">`
		271	`<td>Webkit</td>`
		272	`<td>iPod Touch / iPhone</td>`
		273	`<td>iPod</td>`
		274	`<td class="center">420.1</td>`
		275	`<td class="center">A</td>`
		276	`</tr>`
		277	`<tr class="gradeA">`
		278	`<td>Webkit</td>`
		279	`<td>S60</td>`
		280	`<td>S60</td>`
		281	`<td class="center">413</td>`
		282	`<td class="center">A</td>`
		283	`</tr>`
		284	`<tr class="gradeA">`
		285	`<td>Presto</td>`
		286	`<td>Opera 7.0</td>`
		287	`<td>Win 95+ / OSX.1+</td>`
		288	`<td class="center">-</td>`
		289	`<td class="center">A</td>`
		290	`</tr>`
		291	`<tr class="gradeA">`
		292	`<td>Presto</td>`
		293	`<td>Opera 7.5</td>`
		294	`<td>Win 95+ / OSX.2+</td>`
		295	`<td class="center">-</td>`
		296	`<td class="center">A</td>`
		297	`</tr>`
		298	`<tr class="gradeA">`
		299	`<td>Presto</td>`
		300	`<td>Opera 8.0</td>`
		301	`<td>Win 95+ / OSX.2+</td>`
		302	`<td class="center">-</td>`
		303	`<td class="center">A</td>`
		304	`</tr>`
		305	`<tr class="gradeA">`
		306	`<td>Presto</td>`
		307	`<td>Opera 8.5</td>`
		308	`<td>Win 95+ / OSX.2+</td>`
		309	`<td class="center">-</td>`
		310	`<td class="center">A</td>`
		311	`</tr>`
		312	`<tr class="gradeA">`
		313	`<td>Presto</td>`
		314	`<td>Opera 9.0</td>`
		315	`<td>Win 95+ / OSX.3+</td>`
		316	`<td class="center">-</td>`
		317	`<td class="center">A</td>`
		318	`</tr>`
		319	`<tr class="gradeA">`
		320	`<td>Presto</td>`
		321	`<td>Opera 9.2</td>`
		322	`<td>Win 88+ / OSX.3+</td>`
		323	`<td class="center">-</td>`
		324	`<td class="center">A</td>`
		325	`</tr>`
		326	`<tr class="gradeA">`
		327	`<td>Presto</td>`
		328	`<td>Opera 9.5</td>`
		329	`<td>Win 88+ / OSX.3+</td>`
		330	`<td class="center">-</td>`
		331	`<td class="center">A</td>`
		332	`</tr>`
		333	`<tr class="gradeA">`
		334	`<td>Presto</td>`
		335	`<td>Opera for Wii</td>`
		336	`<td>Wii</td>`
		337	`<td class="center">-</td>`
		338	`<td class="center">A</td>`
		339	`</tr>`
		340	`<tr class="gradeA">`
		341	`<td>Presto</td>`
		342	`<td>Nokia N800</td>`
		343	`<td>N800</td>`
		344	`<td class="center">-</td>`
		345	`<td class="center">A</td>`
		346	`</tr>`
		347	`<tr class="gradeA">`
		348	`<td>Presto</td>`
		349	`<td>Nintendo DS browser</td>`
		350	`<td>Nintendo DS</td>`
		351	`<td class="center">8.5</td>`
		352	`<td class="center">C/A<sup>1</sup></td>`
		353	`</tr>`
		354	`<tr class="gradeC">`
		355	`<td>KHTML</td>`
		356	`<td>Konqureror 3.1</td>`
		357	`<td>KDE 3.1</td>`
		358	`<td class="center">3.1</td>`
		359	`<td class="center">C</td>`
		360	`</tr>`
		361	`<tr class="gradeA">`
		362	`<td>KHTML</td>`
		363	`<td>Konqureror 3.3</td>`
		364	`<td>KDE 3.3</td>`
		365	`<td class="center">3.3</td>`
		366	`<td class="center">A</td>`
		367	`</tr>`
		368	`<tr class="gradeA">`
		369	`<td>KHTML</td>`
		370	`<td>Konqureror 3.5</td>`
		371	`<td>KDE 3.5</td>`
		372	`<td class="center">3.5</td>`
		373	`<td class="center">A</td>`
		374	`</tr>`
		375	`<tr class="gradeX">`
		376	`<td>Tasman</td>`
		377	`<td>Internet Explorer 4.5</td>`
		378	`<td>Mac OS 8-9</td>`
		379	`<td class="center">-</td>`
		380	`<td class="center">X</td>`
		381	`</tr>`
		382	`<tr class="gradeC">`
		383	`<td>Tasman</td>`
		384	`<td>Internet Explorer 5.1</td>`
		385	`<td>Mac OS 7.6-9</td>`
		386	`<td class="center">1</td>`
		387	`<td class="center">C</td>`
		388	`</tr>`
		389	`<tr class="gradeC">`
		390	`<td>Tasman</td>`
		391	`<td>Internet Explorer 5.2</td>`
		392	`<td>Mac OS 8-X</td>`
		393	`<td class="center">1</td>`
		394	`<td class="center">C</td>`
		395	`</tr>`
		396	`<tr class="gradeA">`
		397	`<td>Misc</td>`
		398	`<td>NetFront 3.1</td>`
		399	`<td>Embedded devices</td>`
		400	`<td class="center">-</td>`
		401	`<td class="center">C</td>`
		402	`</tr>`
		403	`<tr class="gradeA">`
		404	`<td>Misc</td>`
		405	`<td>NetFront 3.4</td>`
		406	`<td>Embedded devices</td>`
		407	`<td class="center">-</td>`
		408	`<td class="center">A</td>`
		409	`</tr>`
		410	`<tr class="gradeX">`
		411	`<td>Misc</td>`
		412	`<td>Dillo 0.8</td>`
		413	`<td>Embedded devices</td>`
		414	`<td class="center">-</td>`
		415	`<td class="center">X</td>`
		416	`</tr>`
		417	`<tr class="gradeX">`
		418	`<td>Misc</td>`
		419	`<td>Links</td>`
		420	`<td>Text only</td>`
		421	`<td class="center">-</td>`
		422	`<td class="center">X</td>`
		423	`</tr>`
		424	`<tr class="gradeX">`
		425	`<td>Misc</td>`
		426	`<td>Lynx</td>`
		427	`<td>Text only</td>`
		428	`<td class="center">-</td>`
		429	`<td class="center">X</td>`
		430	`</tr>`
		431	`<tr class="gradeC">`
		432	`<td>Misc</td>`
		433	`<td>IE Mobile</td>`
		434	`<td>Windows Mobile 6</td>`
		435	`<td class="center">-</td>`
		436	`<td class="center">C</td>`
		437	`</tr>`
		438	`<tr class="gradeC">`
		439	`<td>Misc</td>`
		440	`<td>PSP browser</td>`
		441	`<td>PSP</td>`
		442	`<td class="center">-</td>`
		443	`<td class="center">C</td>`
		444	`</tr>`
		445	`<tr class="gradeU">`
		446	`<td>Other browsers</td>`
		447	`<td>All others</td>`
		448	`<td>-</td>`
		449	`<td class="center">-</td>`
		450	`<td class="center">U</td>`
		451	`</tr>`
		452	`</tbody>`
		453	`<tfoot>`
		454	`<tr>`
		455	`<th>Rendering engine</th>`
		456	`<th>Browser</th>`
		457	`<th>Platform(s)</th>`
		458	`<th>Engine version</th>`
		459	`<th>CSS grade</th>`
		460	`</tr>`
		461	`</tfoot>`
		462	`</table>`
		463
		464	`<div class="spacer"></div>`
		465
		466	`<table cellpadding="0" cellspacing="0" border="0" class="display" id="example2">`
		467	`<thead>`
		468	`<tr>`
		469	`<th>Rendering engine</th>`
		470	`<th>Browser</th>`
		471	`<th>Platform(s)</th>`
		472	`<th>Engine version</th>`
		473	`<th>CSS grade</th>`
		474	`</tr>`
		475	`</thead>`
		476	`<tbody>`
		477	`<tr class="gradeX">`
		478	`<td>Trident</td>`
		479	`<td>Internet`
		480	`Explorer 4.0</td>`
		481	`<td>Win 95+</td>`
		482	`<td class="center">4</td>`
		483	`<td class="center">X</td>`
		484	`</tr>`
		485	`<tr class="gradeC">`
		486	`<td>Trident</td>`
		487	`<td>Internet`
		488	`Explorer 5.0</td>`
		489	`<td>Win 95+</td>`
		490	`<td class="center">5</td>`
		491	`<td class="center">C</td>`
		492	`</tr>`
		493	`<tr class="gradeA">`
		494	`<td>Trident</td>`
		495	`<td>Internet`
		496	`Explorer 5.5</td>`
		497	`<td>Win 95+</td>`
		498	`<td class="center">5.5</td>`
		499	`<td class="center">A</td>`
		500	`</tr>`
		501	`<tr class="gradeA">`
		502	`<td>Trident</td>`
		503	`<td>Internet`
		504	`Explorer 6</td>`
		505	`<td>Win 98+</td>`
		506	`<td class="center">6</td>`
		507	`<td class="center">A</td>`
		508	`</tr>`
		509	`<tr class="gradeA">`
		510	`<td>Trident</td>`
		511	`<td>Internet <br>Explorer 7</td>`
		512	`<td>Win XP SP2+</td>`
		513	`<td class="center">7</td>`
		514	`<td class="center">A</td>`
		515	`</tr>`
		516	`<tr class="gradeA">`
		517	`<td>Trident</td>`
		518	`<td>AOL browser (AOL desktop)</td>`
		519	`<td>Win XP</td>`
		520	`<td class="center">6</td>`
		521	`<td class="center">A</td>`
		522	`</tr>`
		523	`<tr class="gradeA">`
		524	`<td>Gecko</td>`
		525	`<td>Firefox 1.0</td>`
		526	`<td>Win 98+ / OSX.2+</td>`
		527	`<td class="center">1.7</td>`
		528	`<td class="center">A</td>`
		529	`</tr>`
		530	`<tr class="gradeA">`
		531	`<td>Gecko</td>`
		532	`<td>Firefox 1.5</td>`
		533	`<td>Win 98+ / OSX.2+</td>`
		534	`<td class="center">1.8</td>`
		535	`<td class="center">A</td>`
		536	`</tr>`
		537	`<tr class="gradeA">`
		538	`<td>Gecko</td>`
		539	`<td>Firefox 2.0</td>`
		540	`<td>Win 98+ / OSX.2+</td>`
		541	`<td class="center">1.8</td>`
		542	`<td class="center">A</td>`
		543	`</tr>`
		544	`<tr class="gradeA">`
		545	`<td>Gecko</td>`
		546	`<td>Firefox 3.0</td>`
		547	`<td>Win 2k+ / OSX.3+</td>`
		548	`<td class="center">1.9</td>`
		549	`<td class="center">A</td>`
		550	`</tr>`
		551	`<tr class="gradeA">`
		552	`<td>Gecko</td>`
		553	`<td>Camino 1.0</td>`
		554	`<td>OSX.2+</td>`
		555	`<td class="center">1.8</td>`
		556	`<td class="center">A</td>`
		557	`</tr>`
		558	`<tr class="gradeA">`
		559	`<td>Gecko</td>`
		560	`<td>Camino 1.5</td>`
		561	`<td>OSX.3+</td>`
		562	`<td class="center">1.8</td>`
		563	`<td class="center">A</td>`
		564	`</tr>`
		565	`<tr class="gradeA">`
		566	`<td>Gecko</td>`
		567	`<td>Netscape 7.2</td>`
		568	`<td>Win 95+ / Mac OS 8.6-9.2</td>`
		569	`<td class="center">1.7</td>`
		570	`<td class="center">A</td>`
		571	`</tr>`
		572	`<tr class="gradeA">`
		573	`<td>Gecko</td>`
		574	`<td>Netscape Browser 8</td>`
		575	`<td>Win 98SE+</td>`
		576	`<td class="center">1.7</td>`
		577	`<td class="center">A</td>`
		578	`</tr>`
		579	`<tr class="gradeA">`
		580	`<td>Gecko</td>`
		581	`<td>Netscape Navigator 9</td>`
		582	`<td>Win 98+ / OSX.2+</td>`
		583	`<td class="center">1.8</td>`
		584	`<td class="center">A</td>`
		585	`</tr>`
		586	`<tr class="gradeA">`
		587	`<td>Gecko</td>`
		588	`<td>Mozilla 1.0</td>`
		589	`<td>Win 95+ / OSX.1+</td>`
		590	`<td class="center">1</td>`
		591	`<td class="center">A</td>`
		592	`</tr>`
		593	`<tr class="gradeA">`
		594	`<td>Gecko</td>`
		595	`<td>Mozilla 1.1</td>`
		596	`<td>Win 95+ / OSX.1+</td>`
		597	`<td class="center">1.1</td>`
		598	`<td class="center">A</td>`
		599	`</tr>`
		600	`<tr class="gradeA">`
		601	`<td>Gecko</td>`
		602	`<td>Mozilla 1.2</td>`
		603	`<td>Win 95+ / OSX.1+</td>`
		604	`<td class="center">1.2</td>`
		605	`<td class="center">A</td>`
		606	`</tr>`
		607	`<tr class="gradeA">`
		608	`<td>Gecko</td>`
		609	`<td>Mozilla 1.3</td>`
		610	`<td>Win 95+ / OSX.1+</td>`
		611	`<td class="center">1.3</td>`
		612	`<td class="center">A</td>`
		613	`</tr>`
		614	`<tr class="gradeA">`
		615	`<td>Gecko</td>`
		616	`<td>Mozilla 1.4</td>`
		617	`<td>Win 95+ / OSX.1+</td>`
		618	`<td class="center">1.4</td>`
		619	`<td class="center">A</td>`
		620	`</tr>`
		621	`<tr class="gradeA">`
		622	`<td>Gecko</td>`
		623	`<td>Mozilla 1.5</td>`
		624	`<td>Win 95+ / OSX.1+</td>`
		625	`<td class="center">1.5</td>`
		626	`<td class="center">A</td>`
		627	`</tr>`
		628	`<tr class="gradeA">`
		629	`<td>Gecko</td>`
		630	`<td>Mozilla 1.6</td>`
		631	`<td>Win 95+ / OSX.1+</td>`
		632	`<td class="center">1.6</td>`
		633	`<td class="center">A</td>`
		634	`</tr>`
		635	`<tr class="gradeA">`
		636	`<td>Gecko</td>`
		637	`<td>Mozilla 1.7</td>`
		638	`<td>Win 98+ / OSX.1+</td>`
		639	`<td class="center">1.7</td>`
		640	`<td class="center">A</td>`
		641	`</tr>`
		642	`<tr class="gradeA">`
		643	`<td>Gecko</td>`
		644	`<td>Mozilla 1.8</td>`
		645	`<td>Win 98+ / OSX.1+</td>`
		646	`<td class="center">1.8</td>`
		647	`<td class="center">A</td>`
		648	`</tr>`
		649	`<tr class="gradeA">`
		650	`<td>Gecko</td>`
		651	`<td>Seamonkey 1.1</td>`
		652	`<td>Win 98+ / OSX.2+</td>`
		653	`<td class="center">1.8</td>`
		654	`<td class="center">A</td>`
		655	`</tr>`
		656	`<tr class="gradeA">`
		657	`<td>Gecko</td>`
		658	`<td>Epiphany 2.20</td>`
		659	`<td>Gnome</td>`
		660	`<td class="center">1.8</td>`
		661	`<td class="center">A</td>`
		662	`</tr>`
		663	`<tr class="gradeA">`
		664	`<td>Webkit</td>`
		665	`<td>Safari 1.2</td>`
		666	`<td>OSX.3</td>`
		667	`<td class="center">125.5</td>`
		668	`<td class="center">A</td>`
		669	`</tr>`
		670	`<tr class="gradeA">`
		671	`<td>Webkit</td>`
		672	`<td>Safari 1.3</td>`
		673	`<td>OSX.3</td>`
		674	`<td class="center">312.8</td>`
		675	`<td class="center">A</td>`
		676	`</tr>`
		677	`<tr class="gradeA">`
		678	`<td>Webkit</td>`
		679	`<td>Safari 2.0</td>`
		680	`<td>OSX.4+</td>`
		681	`<td class="center">419.3</td>`
		682	`<td class="center">A</td>`
		683	`</tr>`
		684	`<tr class="gradeA">`
		685	`<td>Webkit</td>`
		686	`<td>Safari 3.0</td>`
		687	`<td>OSX.4+</td>`
		688	`<td class="center">522.1</td>`
		689	`<td class="center">A</td>`
		690	`</tr>`
		691	`<tr class="gradeA">`
		692	`<td>Webkit</td>`
		693	`<td>OmniWeb 5.5</td>`
		694	`<td>OSX.4+</td>`
		695	`<td class="center">420</td>`
		696	`<td class="center">A</td>`
		697	`</tr>`
		698	`<tr class="gradeA">`
		699	`<td>Webkit</td>`
		700	`<td>iPod Touch / iPhone</td>`
		701	`<td>iPod</td>`
		702	`<td class="center">420.1</td>`
		703	`<td class="center">A</td>`
		704	`</tr>`
		705	`<tr class="gradeA">`
		706	`<td>Webkit</td>`
		707	`<td>S60</td>`
		708	`<td>S60</td>`
		709	`<td class="center">413</td>`
		710	`<td class="center">A</td>`
		711	`</tr>`
		712	`<tr class="gradeA">`
		713	`<td>Presto</td>`
		714	`<td>Opera 7.0</td>`
		715	`<td>Win 95+ / OSX.1+</td>`
		716	`<td class="center">-</td>`
		717	`<td class="center">A</td>`
		718	`</tr>`
		719	`<tr class="gradeA">`
		720	`<td>Presto</td>`
		721	`<td>Opera 7.5</td>`
		722	`<td>Win 95+ / OSX.2+</td>`
		723	`<td class="center">-</td>`
		724	`<td class="center">A</td>`
		725	`</tr>`
		726	`<tr class="gradeA">`
		727	`<td>Presto</td>`
		728	`<td>Opera 8.0</td>`
		729	`<td>Win 95+ / OSX.2+</td>`
		730	`<td class="center">-</td>`
		731	`<td class="center">A</td>`
		732	`</tr>`
		733	`<tr class="gradeA">`
		734	`<td>Presto</td>`
		735	`<td>Opera 8.5</td>`
		736	`<td>Win 95+ / OSX.2+</td>`
		737	`<td class="center">-</td>`
		738	`<td class="center">A</td>`
		739	`</tr>`
		740	`<tr class="gradeA">`
		741	`<td>Presto</td>`
		742	`<td>Opera 9.0</td>`
		743	`<td>Win 95+ / OSX.3+</td>`
		744	`<td class="center">-</td>`
		745	`<td class="center">A</td>`
		746	`</tr>`
		747	`<tr class="gradeA">`
		748	`<td>Presto</td>`
		749	`<td>Opera 9.2</td>`
		750	`<td>Win 88+ / OSX.3+</td>`
		751	`<td class="center">-</td>`
		752	`<td class="center">A</td>`
		753	`</tr>`
		754	`<tr class="gradeA">`
		755	`<td>Presto</td>`
		756	`<td>Opera 9.5</td>`
		757	`<td>Win 88+ / OSX.3+</td>`
		758	`<td class="center">-</td>`
		759	`<td class="center">A</td>`
		760	`</tr>`
		761	`<tr class="gradeA">`
		762	`<td>Presto</td>`
		763	`<td>Opera for Wii</td>`
		764	`<td>Wii</td>`
		765	`<td class="center">-</td>`
		766	`<td class="center">A</td>`
		767	`</tr>`
		768	`<tr class="gradeA">`
		769	`<td>Presto</td>`
		770	`<td>Nokia N800</td>`
		771	`<td>N800</td>`
		772	`<td class="center">-</td>`
		773	`<td class="center">A</td>`
		774	`</tr>`
		775	`<tr class="gradeA">`
		776	`<td>Presto</td>`
		777	`<td>Nintendo DS browser</td>`
		778	`<td>Nintendo DS</td>`
		779	`<td class="center">8.5</td>`
		780	`<td class="center">C/A<sup>1</sup></td>`
		781	`</tr>`
		782	`<tr class="gradeC">`
		783	`<td>KHTML</td>`
		784	`<td>Konqureror 3.1</td>`
		785	`<td>KDE 3.1</td>`
		786	`<td class="center">3.1</td>`
		787	`<td class="center">C</td>`
		788	`</tr>`
		789	`<tr class="gradeA">`
		790	`<td>KHTML</td>`
		791	`<td>Konqureror 3.3</td>`
		792	`<td>KDE 3.3</td>`
		793	`<td class="center">3.3</td>`
		794	`<td class="center">A</td>`
		795	`</tr>`
		796	`<tr class="gradeA">`
		797	`<td>KHTML</td>`
		798	`<td>Konqureror 3.5</td>`
		799	`<td>KDE 3.5</td>`
		800	`<td class="center">3.5</td>`
		801	`<td class="center">A</td>`
		802	`</tr>`
		803	`<tr class="gradeX">`
		804	`<td>Tasman</td>`
		805	`<td>Internet Explorer 4.5</td>`
		806	`<td>Mac OS 8-9</td>`
		807	`<td class="center">-</td>`
		808	`<td class="center">X</td>`
		809	`</tr>`
		810	`<tr class="gradeC">`
		811	`<td>Tasman</td>`
		812	`<td>Internet Explorer 5.1</td>`
		813	`<td>Mac OS 7.6-9</td>`
		814	`<td class="center">1</td>`
		815	`<td class="center">C</td>`
		816	`</tr>`
		817	`<tr class="gradeC">`
		818	`<td>Tasman</td>`
		819	`<td>Internet Explorer 5.2</td>`
		820	`<td>Mac OS 8-X</td>`
		821	`<td class="center">1</td>`
		822	`<td class="center">C</td>`
		823	`</tr>`
		824	`<tr class="gradeA">`
		825	`<td>Misc</td>`
		826	`<td>NetFront 3.1</td>`
		827	`<td>Embedded devices</td>`
		828	`<td class="center">-</td>`
		829	`<td class="center">C</td>`
		830	`</tr>`
		831	`<tr class="gradeA">`
		832	`<td>Misc</td>`
		833	`<td>NetFront 3.4</td>`
		834	`<td>Embedded devices</td>`
		835	`<td class="center">-</td>`
		836	`<td class="center">A</td>`
		837	`</tr>`
		838	`<tr class="gradeX">`
		839	`<td>Misc</td>`
		840	`<td>Dillo 0.8</td>`
		841	`<td>Embedded devices</td>`
		842	`<td class="center">-</td>`
		843	`<td class="center">X</td>`
		844	`</tr>`
		845	`<tr class="gradeX">`
		846	`<td>Misc</td>`
		847	`<td>Links</td>`
		848	`<td>Text only</td>`
		849	`<td class="center">-</td>`
		850	`<td class="center">X</td>`
		851	`</tr>`
		852	`<tr class="gradeX">`
		853	`<td>Misc</td>`
		854	`<td>Lynx</td>`
		855	`<td>Text only</td>`
		856	`<td class="center">-</td>`
		857	`<td class="center">X</td>`
		858	`</tr>`
		859	`<tr class="gradeC">`
		860	`<td>Misc</td>`
		861	`<td>IE Mobile</td>`
		862	`<td>Windows Mobile 6</td>`
		863	`<td class="center">-</td>`
		864	`<td class="center">C</td>`
		865	`</tr>`
		866	`<tr class="gradeC">`
		867	`<td>Misc</td>`
		868	`<td>PSP browser</td>`
		869	`<td>PSP</td>`
		870	`<td class="center">-</td>`
		871	`<td class="center">C</td>`
		872	`</tr>`
		873	`<tr class="gradeU">`
		874	`<td>Other browsers</td>`
		875	`<td>All others</td>`
		876	`<td>-</td>`
		877	`<td class="center">-</td>`
		878	`<td class="center">U</td>`
		879	`</tr>`
		880	`</tbody>`
		881	`<tfoot>`
		882	`<tr>`
		883	`<th>Rendering engine</th>`
		884	`<th>Browser</th>`
		885	`<th>Platform(s)</th>`
		886	`<th>Engine version</th>`
		887	`<th>CSS grade</th>`
		888	`</tr>`
		889	`</tfoot>`
		890	`</table>`
		891	`</div>`
		892	`<div class="spacer"></div>`
		893
		894
		895	`<h1>Initialisation code</h1>`
		896	`<pre>$(document).ready( function () {`
		897	`var oTable = $('#example').dataTable();`
		898	`new FixedHeader( oTable, { "bottom": true } );`
		899
		900	`var oTable2 = $('#example2').dataTable();`
		901	`new FixedHeader( oTable2, { "bottom": true } );`
		902	`} );</pre>`
		903
		904	`<h1>Examples</h1>`
		905	`<ul>`
		906	`<li><a href="index.html">Basic demo with just the HeaderFixed</a></li>`
		907	`<li><a href="html_table.html">FixedHeader without requiring DataTables</a></li>`
		908	`<li><a href="two_tables.html">Two tables with FixedHeaders on a single page</a></li>`
		909	`<li><a href="top_bottom_left_right.html">A spreadsheet style layout with header and footer, left and right columns all fixed.</a></li>`
		910	`<li><a href="zIndexes.html">Change the display order of the fixed elements (zIndex)</a></li>`
		911	`</ul>`
		912
		913	`<p>Empty paragraphs to force scrolling!...</p>`
		914	`<p style="height:500px;"> </p>`
		915
		916
		917	`<div id="footer" style="text-align:center;">`
		918	`<span style="font-size:10px;">`
		919	`FixedHeader and DataTables © Allan Jardine 2009-2010.<br>`
		920	`</span>`
		921	`</div>`
		922	`</div>`
		923	`</body>`
		924	`</html>`

Subversion Repositories SmartDukaan

(root)//trunk/GoogleAppDatalog/src/main/webapp/DataTables/extras/FixedHeader/two_tables.html – Rev 2629