Context Navigation

source: branches/WebApplication/MVC2/HeuristicLabWeb.PluginHost/HLWebPluginHost/Content/jQuery/jQueryPlugins/DataTables-1.7.6/extras/FixedHeader/two_tables.html @ 6286

Visit:

Last change on this file since 6286 was 6286, checked in by dkahn, 13 years ago
#1198 Added jQuery plus plugins
File size: 21.0 KB

Line
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>

Note: See TracBrowser for help on using the repository browser.

Download in other formats:

Update cookies preferences