annotate DataTables-1.9.4/examples/api/row_details.html @ 0:ac5f9272033b draft

first upload
author saskia-hiltemann
date Tue, 01 Jul 2014 11:42:23 -0400
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
2 <html>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
3 <head>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
4 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
5 <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" />
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
6
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
7 <title>DataTables example</title>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
8 <style type="text/css" title="currentStyle">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
9 @import "../../media/css/demo_page.css";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
10 @import "../../media/css/demo_table.css";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
11 </style>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
12 <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
13 <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
14 <script type="text/javascript" charset="utf-8">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
15 /* Formating function for row details */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
16 function fnFormatDetails ( oTable, nTr )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
17 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
18 var aData = oTable.fnGetData( nTr );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
19 var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
20 sOut += '<tr><td>Rendering engine:</td><td>'+aData[1]+' '+aData[4]+'</td></tr>';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
21 sOut += '<tr><td>Link to source:</td><td>Could provide a link here</td></tr>';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
22 sOut += '<tr><td>Extra info:</td><td>And any further details here (images etc)</td></tr>';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
23 sOut += '</table>';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
24
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
25 return sOut;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
26 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
27
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
28 $(document).ready(function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
29 /*
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
30 * Insert a 'details' column to the table
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
31 */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
32 var nCloneTh = document.createElement( 'th' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
33 var nCloneTd = document.createElement( 'td' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
34 nCloneTd.innerHTML = '<img src="../examples_support/details_open.png">';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
35 nCloneTd.className = "center";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
36
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
37 $('#example thead tr').each( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
38 this.insertBefore( nCloneTh, this.childNodes[0] );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
39 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
40
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
41 $('#example tbody tr').each( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
42 this.insertBefore( nCloneTd.cloneNode( true ), this.childNodes[0] );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
43 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
44
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
45 /*
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
46 * Initialse DataTables, with no sorting on the 'details' column
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
47 */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
48 var oTable = $('#example').dataTable( {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
49 "aoColumnDefs": [
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
50 { "bSortable": false, "aTargets": [ 0 ] }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
51 ],
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
52 "aaSorting": [[1, 'asc']]
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
53 });
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
54
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
55 /* Add event listener for opening and closing details
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
56 * Note that the indicator for showing which row is open is not controlled by DataTables,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
57 * rather it is done here
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
58 */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
59 $('#example tbody td img').live('click', function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
60 var nTr = $(this).parents('tr')[0];
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
61 if ( oTable.fnIsOpen(nTr) )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
62 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
63 /* This row is already open - close it */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
64 this.src = "../examples_support/details_open.png";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
65 oTable.fnClose( nTr );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
66 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
67 else
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
68 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
69 /* Open this row */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
70 this.src = "../examples_support/details_close.png";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
71 oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
72 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
73 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
74 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
75 </script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
76 </head>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
77 <body id="dt_example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
78 <div id="container">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
79 <div class="full_width big">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
80 DataTables hidden row details example
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
81 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
82
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
83 <h1>Preamble</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
84 <p>DataTables has most features enabled by default, so all you need to do to use it with one of your own tables is to call the construction function (as shown below).</p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
85
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
86 <h1>Live example</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
87 <div id="demo">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
88 <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
89 <thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
90 <tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
91 <th>Rendering engine</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
92 <th>Browser</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
93 <th>Platform(s)</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
94 <th>Engine version</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
95 <th>CSS grade</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
96 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
97 </thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
98 <tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
99 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
100 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
101 <td>Internet
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
102 Explorer 4.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
103 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
104 <td class="center">4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
105 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
106 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
107 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
108 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
109 <td>Internet
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
110 Explorer 5.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
111 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
112 <td class="center">5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
113 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
114 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
115 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
116 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
117 <td>Internet
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
118 Explorer 5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
119 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
120 <td class="center">5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
121 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
122 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
123 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
124 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
125 <td>Internet
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
126 Explorer 6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
127 <td>Win 98+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
128 <td class="center">6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
129 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
130 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
131 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
132 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
133 <td>Internet Explorer 7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
134 <td>Win XP SP2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
135 <td class="center">7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
136 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
137 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
138 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
139 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
140 <td>AOL browser (AOL desktop)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
141 <td>Win XP</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
142 <td class="center">6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
143 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
144 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
145 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
146 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
147 <td>Firefox 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
148 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
149 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
150 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
151 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
152 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
153 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
154 <td>Firefox 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
155 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
156 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
157 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
158 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
159 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
160 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
161 <td>Firefox 2.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
162 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
163 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
164 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
165 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
166 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
167 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
168 <td>Firefox 3.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
169 <td>Win 2k+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
170 <td class="center">1.9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
171 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
172 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
173 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
174 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
175 <td>Camino 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
176 <td>OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
177 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
178 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
179 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
180 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
181 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
182 <td>Camino 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
183 <td>OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
184 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
185 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
186 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
187 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
188 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
189 <td>Netscape 7.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
190 <td>Win 95+ / Mac OS 8.6-9.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
191 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
192 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
193 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
194 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
195 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
196 <td>Netscape Browser 8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
197 <td>Win 98SE+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
198 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
199 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
200 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
201 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
202 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
203 <td>Netscape Navigator 9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
204 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
205 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
206 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
207 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
208 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
209 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
210 <td>Mozilla 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
211 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
212 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
213 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
214 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
215 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
216 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
217 <td>Mozilla 1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
218 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
219 <td class="center">1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
220 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
221 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
222 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
223 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
224 <td>Mozilla 1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
225 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
226 <td class="center">1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
227 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
228 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
229 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
230 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
231 <td>Mozilla 1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
232 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
233 <td class="center">1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
234 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
235 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
236 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
237 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
238 <td>Mozilla 1.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
239 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
240 <td class="center">1.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
241 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
242 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
243 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
244 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
245 <td>Mozilla 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
246 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
247 <td class="center">1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
248 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
249 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
250 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
251 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
252 <td>Mozilla 1.6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
253 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
254 <td class="center">1.6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
255 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
256 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
257 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
258 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
259 <td>Mozilla 1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
260 <td>Win 98+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
261 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
262 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
263 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
264 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
265 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
266 <td>Mozilla 1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
267 <td>Win 98+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
268 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
269 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
270 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
271 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
272 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
273 <td>Seamonkey 1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
274 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
275 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
276 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
277 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
278 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
279 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
280 <td>Epiphany 2.20</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
281 <td>Gnome</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
282 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
283 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
284 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
285 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
286 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
287 <td>Safari 1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
288 <td>OSX.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
289 <td class="center">125.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
290 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
291 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
292 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
293 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
294 <td>Safari 1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
295 <td>OSX.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
296 <td class="center">312.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
297 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
298 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
299 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
300 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
301 <td>Safari 2.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
302 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
303 <td class="center">419.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
304 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
305 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
306 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
307 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
308 <td>Safari 3.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
309 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
310 <td class="center">522.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
311 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
312 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
313 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
314 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
315 <td>OmniWeb 5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
316 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
317 <td class="center">420</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
318 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
319 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
320 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
321 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
322 <td>iPod Touch / iPhone</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
323 <td>iPod</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
324 <td class="center">420.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
325 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
326 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
327 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
328 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
329 <td>S60</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
330 <td>S60</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
331 <td class="center">413</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
332 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
333 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
334 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
335 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
336 <td>Opera 7.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
337 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
338 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
339 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
340 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
341 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
342 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
343 <td>Opera 7.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
344 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
345 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
346 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
347 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
348 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
349 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
350 <td>Opera 8.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
351 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
352 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
353 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
354 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
355 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
356 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
357 <td>Opera 8.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
358 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
359 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
360 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
361 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
362 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
363 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
364 <td>Opera 9.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
365 <td>Win 95+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
366 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
367 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
368 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
369 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
370 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
371 <td>Opera 9.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
372 <td>Win 88+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
373 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
374 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
375 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
376 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
377 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
378 <td>Opera 9.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
379 <td>Win 88+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
380 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
381 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
382 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
383 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
384 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
385 <td>Opera for Wii</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
386 <td>Wii</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
387 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
388 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
389 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
390 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
391 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
392 <td>Nokia N800</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
393 <td>N800</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
394 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
395 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
396 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
397 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
398 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
399 <td>Nintendo DS browser</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
400 <td>Nintendo DS</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
401 <td class="center">8.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
402 <td class="center">C/A<sup>1</sup></td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
403 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
404 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
405 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
406 <td>Konqureror 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
407 <td>KDE 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
408 <td class="center">3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
409 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
410 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
411 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
412 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
413 <td>Konqureror 3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
414 <td>KDE 3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
415 <td class="center">3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
416 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
417 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
418 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
419 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
420 <td>Konqureror 3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
421 <td>KDE 3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
422 <td class="center">3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
423 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
424 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
425 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
426 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
427 <td>Internet Explorer 4.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
428 <td>Mac OS 8-9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
429 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
430 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
431 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
432 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
433 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
434 <td>Internet Explorer 5.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
435 <td>Mac OS 7.6-9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
436 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
437 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
438 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
439 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
440 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
441 <td>Internet Explorer 5.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
442 <td>Mac OS 8-X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
443 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
444 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
445 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
446 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
447 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
448 <td>NetFront 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
449 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
450 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
451 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
452 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
453 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
454 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
455 <td>NetFront 3.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
456 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
457 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
458 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
459 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
460 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
461 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
462 <td>Dillo 0.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
463 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
464 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
465 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
466 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
467 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
468 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
469 <td>Links</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
470 <td>Text only</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
471 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
472 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
473 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
474 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
475 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
476 <td>Lynx</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
477 <td>Text only</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
478 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
479 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
480 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
481 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
482 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
483 <td>IE Mobile</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
484 <td>Windows Mobile 6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
485 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
486 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
487 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
488 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
489 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
490 <td>PSP browser</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
491 <td>PSP</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
492 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
493 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
494 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
495 <tr class="gradeU">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
496 <td>Other browsers</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
497 <td>All others</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
498 <td>-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
499 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
500 <td class="center">U</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
501 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
502 </tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
503 </table>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
504 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
505 <div class="spacer"></div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
506
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
507
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
508 <h1>Initialisation code</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
509 <pre class="brush: js;">/* Formating function for row details */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
510 function fnFormatDetails ( oTable, nTr )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
511 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
512 var aData = oTable.fnGetData( nTr );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
513 var sOut = '&lt;table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;"&gt;';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
514 sOut += '&lt;tr&gt;&lt;td&gt;Rendering engine:&lt;/td&gt;&lt;td&gt;'+aData[1]+' '+aData[4]+'&lt;/td&gt;&lt;/tr&gt;';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
515 sOut += '&lt;tr&gt;&lt;td&gt;Link to source:&lt;/td&gt;&lt;td&gt;Could provide a link here&lt;/td&gt;&lt;/tr&gt;';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
516 sOut += '&lt;tr&gt;&lt;td&gt;Extra info:&lt;/td&gt;&lt;td&gt;And any further details here (images etc)&lt;/td&gt;&lt;/tr&gt;';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
517 sOut += '&lt;/table&gt;';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
518
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
519 return sOut;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
520 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
521
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
522 $(document).ready(function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
523 /*
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
524 * Insert a 'details' column to the table
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
525 */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
526 var nCloneTh = document.createElement( 'th' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
527 var nCloneTd = document.createElement( 'td' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
528 nCloneTd.innerHTML = '&lt;img src="../examples_support/details_open.png"&gt;';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
529 nCloneTd.className = "center";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
530
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
531 $('#example thead tr').each( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
532 this.insertBefore( nCloneTh, this.childNodes[0] );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
533 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
534
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
535 $('#example tbody tr').each( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
536 this.insertBefore( nCloneTd.cloneNode( true ), this.childNodes[0] );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
537 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
538
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
539 /*
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
540 * Initialse DataTables, with no sorting on the 'details' column
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
541 */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
542 var oTable = $('#example').dataTable( {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
543 "aoColumnDefs": [
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
544 { "bSortable": false, "aTargets": [ 0 ] }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
545 ],
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
546 "aaSorting": [[1, 'asc']]
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
547 });
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
548
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
549 /* Add event listener for opening and closing details
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
550 * Note that the indicator for showing which row is open is not controlled by DataTables,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
551 * rather it is done here
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
552 */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
553 $('#example tbody td img').live('click', function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
554 var nTr = $(this).parents('tr')[0];
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
555 if ( oTable.fnIsOpen(nTr) )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
556 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
557 /* This row is already open - close it */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
558 this.src = "../examples_support/details_open.png";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
559 oTable.fnClose( nTr );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
560 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
561 else
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
562 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
563 /* Open this row */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
564 this.src = "../examples_support/details_close.png";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
565 oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
566 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
567 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
568 } );</pre>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
569 <style type="text/css">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
570 @import "../examples_support/syntax/css/shCore.css";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
571 </style>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
572 <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
573
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
574
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
575 <h1>Other examples</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
576 <div class="demo_links">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
577 <h2>Basic initialisation</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
578 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
579 <li><a href="../basic_init/zero_config.html">Zero configuration</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
580 <li><a href="../basic_init/filter_only.html">Feature enablement</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
581 <li><a href="../basic_init/table_sorting.html">Sorting data</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
582 <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
583 <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
584 <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
585 <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
586 <li><a href="../basic_init/dom.html">DOM positioning</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
587 <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
588 <li><a href="../basic_init/state_save.html">State saving</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
589 <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
590 <li>Scrolling: <br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
591 <a href="../basic_init/scroll_x.html">Horizontal</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
592 <a href="../basic_init/scroll_y.html">Vertical</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
593 <a href="../basic_init/scroll_xy.html">Both</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
594 <a href="../basic_init/scroll_y_theme.html">Themed</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
595 <a href="../basic_init/scroll_y_infinite.html">Infinite</a>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
596 </li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
597 <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
598 <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
599 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
600
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
601 <h2>Advanced initialisation</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
602 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
603 <li>Events: <br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
604 <a href="../advanced_init/events_live.html">Live events</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
605 <a href="../advanced_init/events_pre_init.html">Pre-init</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
606 <a href="../advanced_init/events_post_init.html">Post-init</a>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
607 </li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
608 <li><a href="../advanced_init/column_render.html">Column rendering</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
609 <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
610 <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
611 <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
612 <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
613 <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
614 <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
615 <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
616 <li><a href="../advanced_init/row_callback.html">Row callback</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
617 <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
618 <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
619 <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
620 <li><a href="../advanced_init/defaults.html">Setting defaults</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
621 <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
622 <li><a href="../advanced_init/dt_events.html">Custom events</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
623 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
624
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
625 <h2>API</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
626 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
627 <li><a href="../api/add_row.html">Dynamically add a new row</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
628 <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
629 <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
630 <li><a href="../api/highlight.html">Highlight rows and columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
631 <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
632 <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
633 <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
634 <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
635 <li><a href="../api/form.html">Submit form with elements in table</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
636 <li><a href="../api/counter_column.html">Index column (static number column)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
637 <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
638 <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
639 <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
640 <li><a href="../api/regex.html">Regular expression filtering</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
641 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
642 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
643
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
644 <div class="demo_links">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
645 <h2>Data sources</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
646 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
647 <li><a href="../data_sources/dom.html">DOM</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
648 <li><a href="../data_sources/js_array.html">Javascript array</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
649 <li><a href="../data_sources/ajax.html">Ajax source</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
650 <li><a href="../data_sources/server_side.html">Server side processing</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
651 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
652
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
653 <h2>Server-side processing</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
654 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
655 <li><a href="../server_side/server_side.html">Obtain server-side data</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
656 <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
657 <li><a href="../server_side/post.html">Use HTTP POST</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
658 <li><a href="../server_side/ids.html">Automatic addition of IDs and classes to rows</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
659 <li><a href="../server_side/object_data.html">Reading table data from objects</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
660 <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
661 <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
662 <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
663 <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
664 <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
665 <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
666 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
667
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
668 <h2>Ajax data source</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
669 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
670 <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
671 <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
672 <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
673 <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
674 <li><a href="../ajax/custom_data_property.html">Use a data source other than aaData (the default)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
675 <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
676 <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
677 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
678
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
679 <h2>Plug-ins</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
680 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
681 <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
682 <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
683 <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
684 <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
685 <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
686 <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
687 <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
688 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
689 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
690
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
691
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
692 <div id="footer" class="clear" style="text-align:center;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
693 <p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
694 Please refer to the <a href="http://www.datatables.net/usage">DataTables documentation</a> for full information about its API properties and methods.<br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
695 Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
696 </p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
697
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
698 <span style="font-size:10px;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
699 DataTables designed and created by <a href="http://www.sprymedia.co.uk">Allan Jardine</a> &copy; 2007-2011<br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
700 DataTables is dual licensed under the <a href="http://www.datatables.net/license_gpl2">GPL v2 license</a> or a <a href="http://www.datatables.net/license_bsd">BSD (3-point) license</a>.
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
701 </span>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
702 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
703 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
704 </body>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
705 </html>