annotate DataTables-1.9.4/extras/FixedColumns/row_grouping_height.html @ 6:42076db43d42 draft

Fixed auto resizing plus various other minor bugs
author saskia-hiltemann
date Mon, 16 Nov 2015 08:56:22 -0500
parents ac5f9272033b
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.sprymedia.co.uk/media/images/favicon.ico">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
6
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
7 <title>FixedColumns 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" charset="utf-8" src="../../media/js/jquery.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
13 <script type="text/javascript" charset="utf-8" src="../../media/js/jquery.dataTables.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
14 <script type="text/javascript" charset="utf-8" src="media/js/FixedColumns.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
15 <script type="text/javascript" charset="utf-8">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
16 $(document).ready( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
17 var oTable = $('#example').dataTable( {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
18 "sScrollY": "300px",
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
19 "sScrollX": "100%",
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
20 "sScrollXInner": "150%",
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
21 "bScrollCollapse": true,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
22 "bPaginate": false
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
23 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
24
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
25 new FixedColumns( oTable, {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
26 "iLeftWidth": 150,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
27 "fnDrawCallback": function ( left, right ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
28 var that = this, groupVal = null, matches = 0, heights = [], index = -1;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
29
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
30 /* Get the heights of the cells and remove redundant ones */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
31 $('tbody tr td', left.body).each( function ( i ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
32 var currVal = this.innerHTML;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
33
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
34 /* Reset values on new cell data. */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
35 if (currVal != groupVal) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
36 groupVal = currVal;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
37 index++;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
38 heights[index] = 0;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
39 matches = 0;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
40 } else {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
41 matches++;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
42 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
43
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
44 heights[ index ] += $(this.parentNode).height();
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
45 if ( currVal == groupVal && matches > 0 ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
46 this.parentNode.parentNode.removeChild(this.parentNode);
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
47 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
48 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
49
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
50 /* Now set the height of the cells which remain, from the summed heights */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
51 $('tbody tr td', left.body).each( function ( i ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
52 that.fnSetRowHeight( this.parentNode, heights[i] );
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 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
56 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
57 </script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
58 </head>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
59 <body id="dt_example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
60 <div id="container">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
61 <div class="full_width big">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
62 FixedColumns example - row grouping using the fixed column
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
63 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
64
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
65 <h1>Preamble</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
66 <p>This example shows how it is possible to manipulate the DOM of the fixed column to create the effect of row grouping in the table (or more generally any manipulation you wish to make). When ordered by the first column it is possible to see the grouping in full effect - if you then change the ordering to one of the other columns the grouping is dynamically changed to combine like cells. It would be readily possible to extend this example to use two fixed columns and only 'group' rows in one of the columns, potentially achieving quite a powerful effect.</p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
67
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
68 <h1>Live example</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
69 <div id="demo">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
70 <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
71 <thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
72 <tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
73 <th>Rendering engine</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
74 <th>Browser</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
75 <th>Platform(s)</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
76 <th>Engine version</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
77 <th>CSS grade</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
78 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
79 </thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
80 <tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
81 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
82 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
83 <td>Internet
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
84 Explorer 4.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
85 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
86 <td class="center">4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
87 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
88 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
89 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
90 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
91 <td>Internet
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
92 Explorer 5.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
93 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
94 <td class="center">5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
95 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
96 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
97 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
98 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
99 <td>Internet
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
100 Explorer 5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
101 <td>Win 95+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
102 <td class="center">5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
103 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
104 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
105 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
106 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
107 <td>Internet
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
108 Explorer 6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
109 <td>Win 98+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
110 <td class="center">6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
111 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
112 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
113 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
114 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
115 <td>Internet Explorer 7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
116 <td>Win XP SP2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
117 <td class="center">7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
118 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
119 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
120 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
121 <td>Trident</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
122 <td>AOL browser (AOL desktop)</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
123 <td>Win XP</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
124 <td class="center">6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
125 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
126 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
127 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
128 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
129 <td>Firefox 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
130 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
131 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
132 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
133 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
134 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
135 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
136 <td>Firefox <br>1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
137 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
138 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
139 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
140 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
141 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
142 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
143 <td>Firefox 2.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
144 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
145 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
146 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
147 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
148 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
149 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
150 <td>Firefox 3.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
151 <td>Win 2k+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
152 <td class="center">1.9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
153 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
154 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
155 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
156 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
157 <td>Camino 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
158 <td>OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
159 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
160 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
161 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
162 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
163 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
164 <td>Camino 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
165 <td>OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
166 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
167 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
168 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
169 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
170 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
171 <td>Netscape 7.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
172 <td>Win 95+ / Mac OS 8.6-9.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
173 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
174 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
175 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
176 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
177 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
178 <td>Netscape Browser 8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
179 <td>Win 98SE+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
180 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
181 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
182 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
183 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
184 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
185 <td>Netscape Navigator 9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
186 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
187 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
188 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
189 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
190 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
191 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
192 <td>Mozilla 1.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
193 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
194 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
195 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
196 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
197 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
198 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
199 <td>Mozilla 1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
200 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
201 <td class="center">1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
202 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
203 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
204 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
205 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
206 <td>Mozilla 1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
207 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
208 <td class="center">1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
209 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
210 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
211 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
212 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
213 <td>Mozilla 1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
214 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
215 <td class="center">1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
216 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
217 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
218 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
219 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
220 <td>Mozilla 1.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
221 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
222 <td class="center">1.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
223 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
224 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
225 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
226 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
227 <td>Mozilla 1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
228 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
229 <td class="center">1.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
230 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
231 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
232 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
233 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
234 <td>Mozilla 1.6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
235 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
236 <td class="center">1.6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
237 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
238 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
239 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
240 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
241 <td>Mozilla 1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
242 <td>Win 98+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
243 <td class="center">1.7</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
244 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
245 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
246 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
247 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
248 <td>Mozilla 1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
249 <td>Win 98+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
250 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
251 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
252 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
253 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
254 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
255 <td>Seamonkey 1.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
256 <td>Win 98+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
257 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
258 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
259 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
260 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
261 <td>Gecko</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
262 <td>Epiphany 2.20</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
263 <td>Gnome</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
264 <td class="center">1.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
265 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
266 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
267 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
268 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
269 <td>Safari 1.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
270 <td>OSX.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
271 <td class="center">125.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
272 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
273 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
274 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
275 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
276 <td>Safari 1.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
277 <td>OSX.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
278 <td class="center">312.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
279 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
280 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
281 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
282 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
283 <td>Safari 2.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
284 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
285 <td class="center">419.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
286 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
287 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
288 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
289 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
290 <td>Safari 3.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
291 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
292 <td class="center">522.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
293 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
294 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
295 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
296 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
297 <td>OmniWeb 5.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
298 <td>OSX.4+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
299 <td class="center">420</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
300 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
301 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
302 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
303 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
304 <td>iPod Touch / iPhone</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
305 <td>iPod</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
306 <td class="center">420.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
307 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
308 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
309 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
310 <td>Webkit</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
311 <td>S60</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
312 <td>S60</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
313 <td class="center">413</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
314 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
315 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
316 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
317 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
318 <td>Opera 7.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
319 <td>Win 95+ / OSX.1+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
320 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
321 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
322 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
323 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
324 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
325 <td>Opera 7.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
326 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
327 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
328 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
329 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
330 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
331 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
332 <td>Opera 8.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
333 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
334 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
335 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
336 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
337 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
338 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
339 <td>Opera 8.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
340 <td>Win 95+ / OSX.2+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
341 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
342 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
343 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
344 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
345 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
346 <td>Opera 9.0</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
347 <td>Win 95+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
348 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
349 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
350 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
351 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
352 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
353 <td>Opera 9.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
354 <td>Win 88+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
355 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
356 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
357 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
358 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
359 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
360 <td>Opera 9.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
361 <td>Win 88+ / OSX.3+</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
362 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
363 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
364 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
365 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
366 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
367 <td>Opera for Wii</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
368 <td>Wii</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
369 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
370 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
371 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
372 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
373 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
374 <td>Nokia N800</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
375 <td>N800</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
376 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
377 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
378 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
379 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
380 <td>Presto</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
381 <td>Nintendo DS browser</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
382 <td>Nintendo DS</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
383 <td class="center">8.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
384 <td class="center">C/A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
385 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
386 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
387 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
388 <td>Konqureror 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
389 <td>KDE 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
390 <td class="center">3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
391 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
392 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
393 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
394 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
395 <td>Konqureror 3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
396 <td>KDE 3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
397 <td class="center">3.3</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
398 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
399 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
400 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
401 <td>KHTML</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
402 <td>Konqureror 3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
403 <td>KDE 3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
404 <td class="center">3.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
405 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
406 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
407 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
408 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
409 <td>Internet Explorer 4.5</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
410 <td>Mac OS 8-9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
411 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
412 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
413 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
414 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
415 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
416 <td>Internet Explorer 5.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
417 <td>Mac OS 7.6-9</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
418 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
419 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
420 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
421 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
422 <td>Tasman</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
423 <td>Internet Explorer 5.2</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
424 <td>Mac OS 8-X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
425 <td class="center">1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
426 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
427 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
428 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
429 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
430 <td>NetFront 3.1</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
431 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
432 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
433 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
434 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
435 <tr class="gradeA">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
436 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
437 <td>NetFront 3.4</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
438 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
439 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
440 <td class="center">A</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
441 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
442 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
443 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
444 <td>Dillo 0.8</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
445 <td>Embedded devices</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
446 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
447 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
448 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
449 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
450 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
451 <td>Links</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
452 <td>Text only</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
453 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
454 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
455 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
456 <tr class="gradeX">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
457 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
458 <td>Lynx</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
459 <td>Text only</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
460 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
461 <td class="center">X</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
462 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
463 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
464 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
465 <td>IE Mobile</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
466 <td>Windows Mobile 6</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
467 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
468 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
469 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
470 <tr class="gradeC">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
471 <td>Misc</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
472 <td>PSP browser</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
473 <td>PSP</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
474 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
475 <td class="center">C</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
476 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
477 <tr class="gradeU">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
478 <td>Other browsers</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
479 <td>All others</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
480 <td>-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
481 <td class="center">-</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
482 <td class="center">U</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
483 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
484 </tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
485 </table>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
486 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
487 <div class="spacer"></div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
488
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
489
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
490 <h1>Initialisation code</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
491 <pre>$(document).ready( function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
492 var oTable = $('#example').dataTable( {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
493 "sScrollY": "300px",
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
494 "sScrollX": "100%",
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
495 "sScrollXInner": "150%",
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
496 "bScrollCollapse": true,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
497 "bPaginate": false
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
498 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
499
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
500 new FixedColumns( oTable, {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
501 "iLeftWidth": 150,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
502 "fnDrawCallback": function ( left, right ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
503 var that = this, groupVal = null, matches = 0, heights = [], index = -1;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
504
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
505 /* Get the heights of the cells and remove redundant ones */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
506 $('tbody tr td', left.body).each( function ( i ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
507 var currVal = this.innerHTML;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
508
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
509 /* Reset values on new cell data. */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
510 if (currVal != groupVal) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
511 groupVal = currVal;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
512 index++;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
513 heights[index] = 0;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
514 matches = 0;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
515 } else {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
516 matches++;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
517 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
518
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
519 heights[ index ] += $(this.parentNode).height();
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
520 if ( currVal == groupVal &amp;&amp; matches &gt; 0 ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
521 this.parentNode.parentNode.removeChild(this.parentNode);
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
522 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
523 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
524
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
525 /* Now set the height of the cells which remain, from the summed heights */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
526 $('tbody tr td', left.body).each( function ( i ) {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
527 that.fnSetRowHeight( this.parentNode, heights[ i ] );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
528 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
529 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
530 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
531 } );</pre>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
532
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
533
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
534 <h1>Documentation</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
535 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
536 <li><a href="http://datatables.net/extras/fixedcolumns">Usage</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
537 <li><a href="http://datatables.net/docs/FixedColumns">API / parameters</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
538 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
539
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
540 <h1>Basic examples</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
541 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
542 <li><a href="index.html">Basic demo of FixedColumns with zero initialisation</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
543 <li><a href="left_right_columns.html">Fix the left and right columns in place</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
544 <li><a href="index_column.html">Index column attached to side of the table</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
545 <li><a href="x_y_scrolling.html">Index column, but with Y scrolling and no pagination</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
546 <li><a href="two_columns.html">Two columns fixed in place</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
547 <li><a href="right_column.html">Fix the right column in place</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
548 <li><a href="css_size.html">Speeding up row height matching with CSS</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
549 <li><a href="themed.html">jQuery UI themed table with FixedColumns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
550 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
551
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
552 <h1>Advanced examples</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
553 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
554 <li><a href="rowspan.html">Using ROWSPAN with FixedColumns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
555 <li><a href="server-side-processing.html">Server-side processing with FixedColumns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
556 <li><a href="col_filter.html">Individual column filtering</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
557 <li><a href="scale_fixed.html">Setting the fixed column width and resizing the table</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
558 <li><a href="scale_relative.html">Setting the fixed column width with relative sizing</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
559 <li><a href="row_grouping_height.html">Row grouping by grouping like rows in the fixed column</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
560 <li><a href="row_grouping.html">Row grouping by inserting a grouping row</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
561 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
562
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
563
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
564 <div id="footer" style="text-align:center;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
565 <span style="font-size:10px;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
566 FixedColumns and DataTables &copy; Allan Jardine 2011.<br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
567 </span>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
568 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
569 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
570 </body>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
571 </html>