Free cookie consent management tool by TermsFeed Policy Generator

source: branches/WebApplication/MVC2/HeuristicLabWeb.PluginHost/HLWebPluginHost/Content/jQuery/jQueryPlugins/DataTables-1.7.6/examples/api/regex.html @ 6286

Last change on this file since 6286 was 6286, checked in by dkahn, 13 years ago

#1198 Added jQuery plus plugins
File size: 21.4 KB
RevLine 
[6286]1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3  <head>
4    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5    <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/media/images/favicon.ico" />
6   
7    <title>DataTables example</title>
8    <style type="text/css" title="currentStyle">
9      @import "../../media/css/demo_page.css";
10      @import "../../media/css/demo_table.css";
11    </style>
12    <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
13    <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
14    <script type="text/javascript" charset="utf-8">
15      function fnFilterGlobal ()
16      {
17        $('#example').dataTable().fnFilter(
18          $("#global_filter").val(),
19          null,
20          $("#global_regex")[0].checked,
21          $("#global_smart")[0].checked
22        );
23      }
24     
25      function fnFilterColumn ( i )
26      {
27        $('#example').dataTable().fnFilter(
28          $("#col"+(i+1)+"_filter").val(),
29          i,
30          $("#col"+(i+1)+"_regex")[0].checked,
31          $("#col"+(i+1)+"_smart")[0].checked
32        );
33      }
34     
35      $(document).ready(function() {
36        $('#example').dataTable();
37       
38        $("#global_filter").keyup( fnFilterGlobal );
39        $("#global_regex").click( fnFilterGlobal );
40        $("#global_smart").click( fnFilterGlobal );
41       
42        $("#col1_filter").keyup( function() { fnFilterColumn( 0 ); } );
43        $("#col1_regex").click(  function() { fnFilterColumn( 0 ); } );
44        $("#col1_smart").click(  function() { fnFilterColumn( 0 ); } );
45       
46        $("#col2_filter").keyup( function() { fnFilterColumn( 1 ); } );
47        $("#col2_regex").click(  function() { fnFilterColumn( 1 ); } );
48        $("#col2_smart").click(  function() { fnFilterColumn( 1 ); } );
49       
50        $("#col3_filter").keyup( function() { fnFilterColumn( 2 ); } );
51        $("#col3_regex").click(  function() { fnFilterColumn( 2 ); } );
52        $("#col3_smart").click(  function() { fnFilterColumn( 2 ); } );
53       
54        $("#col4_filter").keyup( function() { fnFilterColumn( 3 ); } );
55        $("#col4_regex").click(  function() { fnFilterColumn( 3 ); } );
56        $("#col4_smart").click(  function() { fnFilterColumn( 3 ); } );
57       
58        $("#col5_filter").keyup( function() { fnFilterColumn( 4 ); } );
59        $("#col5_regex").click(  function() { fnFilterColumn( 4 ); } );
60        $("#col5_smart").click(  function() { fnFilterColumn( 4 ); } );
61      } );
62    </script>
63  </head>
64  <body id="dt_example">
65    <div id="container">
66      <div class="full_width big">
67        <i>DataTables</i> filtering API example
68      </div>
69     
70      <h1>Preamble</h1>
71      <p>Filtering a table is one of the most common user interactions with a DataTables table, and DataTables provides a number of methods for you to control this interaction. There is a global filter, and a filter for each individual column. The global filter acts on each column.</p>
72      <p>Each filter (global or column) can be marked as a regular expression (allowing you to create very complex interactions) and as a smart filter or not. When smart filtering is enabled on a particular filter, DataTables will modify the user input string to a complex regular expression which can make filtering more intuitive.</p>
73      <p>This example allows you to "play" with the various filtering options that DataTables provides.</p>
74     
75      <h1>Live example</h1>
76     
77      <table cellpadding="0" cellspacing="0" border="0" class="display">
78        <thead>
79        <tr>
80          <th>Target</th>
81          <th>Filter text</th>
82          <th>Treat as regex</th>
83          <th>Use smart filter</th>
84        </tr>
85        </thead>
86        <tbody>
87          <tr id="filter_global">
88            <td align="center">Global filtering</td>
89            <td align="center"><input type="text"     name="global_filter" id="global_filter"></td>
90            <td align="center"><input type="checkbox" name="global_regex"  id="global_regex" ></td>
91            <td align="center"><input type="checkbox" name="global_smart"  id="global_smart"  checked></td>
92          </tr>
93          <tr id="filter_col1">
94            <td align="center">Column 1</td>
95            <td align="center"><input type="text"     name="col1_filter" id="col1_filter"></td>
96            <td align="center"><input type="checkbox" name="col1_regex"  id="col1_regex"></td>
97            <td align="center"><input type="checkbox" name="col1_smart"  id="col1_smart" checked></td>
98          </tr>
99          <tr id="filter_col2">
100            <td align="center">Column 2</td>
101            <td align="center"><input type="text"     name="col2_filter" id="col2_filter"></td>
102            <td align="center"><input type="checkbox" name="col2_regex"  id="col2_regex"></td>
103            <td align="center"><input type="checkbox" name="col2_smart"  id="col2_smart" checked></td>
104          </tr>
105          <tr id="filter_col3">
106            <td align="center">Column 3</td>
107            <td align="center"><input type="text"     name="col3_filter" id="col3_filter"></td>
108            <td align="center"><input type="checkbox" name="col3_regex"  id="col3_regex"></td>
109            <td align="center"><input type="checkbox" name="col3_smart"  id="col3_smart" checked></td>
110          </tr>
111          <tr id="filter_col4">
112            <td align="center">Column 4</td>
113            <td align="center"><input type="text"     name="col4_filter" id="col4_filter"></td>
114            <td align="center"><input type="checkbox" name="col4_regex"  id="col4_regex"></td>
115            <td align="center"><input type="checkbox" name="col4_smart"  id="col4_smart" checked></td>
116          </tr>
117          <tr id="filter_col5">
118            <td align="center">Column 5</td>
119            <td align="center"><input type="text"     name="col5_filter" id="col5_filter"></td>
120            <td align="center"><input type="checkbox" name="col5_regex"  id="col5_regex"></td>
121            <td align="center"><input type="checkbox" name="col5_smart"  id="col5_smart" checked></td>
122          </tr>
123        </tbody>
124      </table>
125     
126      <div id="demo">
127<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
128  <thead>
129    <tr>
130      <th>Rendering engine</th>
131      <th>Browser</th>
132      <th>Platform(s)</th>
133      <th>Engine version</th>
134      <th>CSS grade</th>
135    </tr>
136  </thead>
137  <tbody>
138    <tr class="gradeX">
139      <td>Trident</td>
140      <td>Internet
141         Explorer 4.0</td>
142      <td>Win 95+</td>
143      <td class="center">4</td>
144      <td class="center">X</td>
145    </tr>
146    <tr class="gradeC">
147      <td>Trident</td>
148      <td>Internet
149         Explorer 5.0</td>
150      <td>Win 95+</td>
151      <td class="center">5</td>
152      <td class="center">C</td>
153    </tr>
154    <tr class="gradeA">
155      <td>Trident</td>
156      <td>Internet
157         Explorer 5.5</td>
158      <td>Win 95+</td>
159      <td class="center">5,5</td>
160      <td class="center">A</td>
161    </tr>
162    <tr class="gradeA">
163      <td>Trident</td>
164      <td>Internet
165         Explorer 6</td>
166      <td>Win 98+</td>
167      <td class="center">6</td>
168      <td class="center">A</td>
169    </tr>
170    <tr class="gradeA">
171      <td>Trident</td>
172      <td>Internet Explorer 7</td>
173      <td>Win XP SP2+</td>
174      <td class="center">7</td>
175      <td class="center">A</td>
176    </tr>
177    <tr class="gradeA">
178      <td>Trident</td>
179      <td>AOL browser (AOL desktop)</td>
180      <td>Win XP</td>
181      <td class="center">6</td>
182      <td class="center">A</td>
183    </tr>
184    <tr class="gradeA">
185      <td>Gecko</td>
186      <td>Firefox 1.0</td>
187      <td>Win 98+ / OSX.2+</td>
188      <td class="center">1,7</td>
189      <td class="center">A</td>
190    </tr>
191    <tr class="gradeA">
192      <td>Gecko</td>
193      <td>Firefox 1.5</td>
194      <td>Win 98+ / OSX.2+</td>
195      <td class="center">1,8</td>
196      <td class="center">A</td>
197    </tr>
198    <tr class="gradeA">
199      <td>Gecko</td>
200      <td>Firefox 2.0</td>
201      <td>Win 98+ / OSX.2+</td>
202      <td class="center">1,8</td>
203      <td class="center">A</td>
204    </tr>
205    <tr class="gradeA">
206      <td>Gecko</td>
207      <td>Firefox 3.0</td>
208      <td>Win 2k+ / OSX.3+</td>
209      <td class="center">1,9</td>
210      <td class="center">A</td>
211    </tr>
212    <tr class="gradeA">
213      <td>Gecko</td>
214      <td>Camino 1.0</td>
215      <td>OSX.2+</td>
216      <td class="center">1,8</td>
217      <td class="center">A</td>
218    </tr>
219    <tr class="gradeA">
220      <td>Gecko</td>
221      <td>Camino 1.5</td>
222      <td>OSX.3+</td>
223      <td class="center">1,8</td>
224      <td class="center">A</td>
225    </tr>
226    <tr class="gradeA">
227      <td>Gecko</td>
228      <td>Netscape 7.2</td>
229      <td>Win 95+ / Mac OS 8.6-9.2</td>
230      <td class="center">1.7</td>
231      <td class="center">A</td>
232    </tr>
233    <tr class="gradeA">
234      <td>Gecko</td>
235      <td>Netscape Browser 8</td>
236      <td>Win 98SE+</td>
237      <td class="center">1,7</td>
238      <td class="center">A</td>
239    </tr>
240    <tr class="gradeA">
241      <td>Gecko</td>
242      <td>Netscape Navigator 9</td>
243      <td>Win 98+ / OSX.2+</td>
244      <td class="center">1,8</td>
245      <td class="center">A</td>
246    </tr>
247    <tr class="gradeA">
248      <td>Gecko</td>
249      <td>Mozilla 1.0</td>
250      <td>Win 95+ / OSX.1+</td>
251      <td class="center">1</td>
252      <td class="center">A</td>
253    </tr>
254    <tr class="gradeA">
255      <td>Gecko</td>
256      <td>Mozilla 1.1</td>
257      <td>Win 95+ / OSX.1+</td>
258      <td class="center">1,1</td>
259      <td class="center">A</td>
260    </tr>
261    <tr class="gradeA">
262      <td>Gecko</td>
263      <td>Mozilla 1.2</td>
264      <td>Win 95+ / OSX.1+</td>
265      <td class="center">1,2</td>
266      <td class="center">A</td>
267    </tr>
268    <tr class="gradeA">
269      <td>Gecko</td>
270      <td>Mozilla 1.3</td>
271      <td>Win 95+ / OSX.1+</td>
272      <td class="center">1,3</td>
273      <td class="center">A</td>
274    </tr>
275    <tr class="gradeA">
276      <td>Gecko</td>
277      <td>Mozilla 1.4</td>
278      <td>Win 95+ / OSX.1+</td>
279      <td class="center">1,4</td>
280      <td class="center">A</td>
281    </tr>
282    <tr class="gradeA">
283      <td>Gecko</td>
284      <td>Mozilla 1.5</td>
285      <td>Win 95+ / OSX.1+</td>
286      <td class="center">1,5</td>
287      <td class="center">A</td>
288    </tr>
289    <tr class="gradeA">
290      <td>Gecko</td>
291      <td>Mozilla 1.6</td>
292      <td>Win 95+ / OSX.1+</td>
293      <td class="center">1,6</td>
294      <td class="center">A</td>
295    </tr>
296    <tr class="gradeA">
297      <td>Gecko</td>
298      <td>Mozilla 1.7</td>
299      <td>Win 98+ / OSX.1+</td>
300      <td class="center">1,7</td>
301      <td class="center">A</td>
302    </tr>
303    <tr class="gradeA">
304      <td>Gecko</td>
305      <td>Mozilla 1.8</td>
306      <td>Win 98+ / OSX.1+</td>
307      <td class="center">1,8</td>
308      <td class="center">A</td>
309    </tr>
310    <tr class="gradeA">
311      <td>Gecko</td>
312      <td>Seamonkey 1.1</td>
313      <td>Win 98+ / OSX.2+</td>
314      <td class="center">1,8</td>
315      <td class="center">A</td>
316    </tr>
317    <tr class="gradeA">
318      <td>Gecko</td>
319      <td>Epiphany 2.20</td>
320      <td>Gnome</td>
321      <td class="center">1,8</td>
322      <td class="center">A</td>
323    </tr>
324    <tr class="gradeA">
325      <td>Webkit</td>
326      <td>Safari 1.2</td>
327      <td>OSX.3</td>
328      <td class="center">125,5</td>
329      <td class="center">A</td>
330    </tr>
331    <tr class="gradeA">
332      <td>Webkit</td>
333      <td>Safari 1.3</td>
334      <td>OSX.3</td>
335      <td class="center">312,8</td>
336      <td class="center">A</td>
337    </tr>
338    <tr class="gradeA">
339      <td>Webkit</td>
340      <td>Safari 2.0</td>
341      <td>OSX.4+</td>
342      <td class="center">419,3</td>
343      <td class="center">A</td>
344    </tr>
345    <tr class="gradeA">
346      <td>Webkit</td>
347      <td>Safari 3.0</td>
348      <td>OSX.4+</td>
349      <td class="center">522,1</td>
350      <td class="center">A</td>
351    </tr>
352    <tr class="gradeA">
353      <td>Webkit</td>
354      <td>OmniWeb 5.5</td>
355      <td>OSX.4+</td>
356      <td class="center">420</td>
357      <td class="center">A</td>
358    </tr>
359    <tr class="gradeA">
360      <td>Webkit</td>
361      <td>iPod Touch / iPhone</td>
362      <td>iPod</td>
363      <td class="center">420,1</td>
364      <td class="center">A</td>
365    </tr>
366    <tr class="gradeA">
367      <td>Webkit</td>
368      <td>S60</td>
369      <td>S60</td>
370      <td class="center">413</td>
371      <td class="center">A</td>
372    </tr>
373    <tr class="gradeA">
374      <td>Presto</td>
375      <td>Opera 7.0</td>
376      <td>Win 95+ / OSX.1+</td>
377      <td class="center">-</td>
378      <td class="center">A</td>
379    </tr>
380    <tr class="gradeA">
381      <td>Presto</td>
382      <td>Opera 7.5</td>
383      <td>Win 95+ / OSX.2+</td>
384      <td class="center">-</td>
385      <td class="center">A</td>
386    </tr>
387    <tr class="gradeA">
388      <td>Presto</td>
389      <td>Opera 8.0</td>
390      <td>Win 95+ / OSX.2+</td>
391      <td class="center">-</td>
392      <td class="center">A</td>
393    </tr>
394    <tr class="gradeA">
395      <td>Presto</td>
396      <td>Opera 8.5</td>
397      <td>Win 95+ / OSX.2+</td>
398      <td class="center">-</td>
399      <td class="center">A</td>
400    </tr>
401    <tr class="gradeA">
402      <td>Presto</td>
403      <td>Opera 9.0</td>
404      <td>Win 95+ / OSX.3+</td>
405      <td class="center">-</td>
406      <td class="center">A</td>
407    </tr>
408    <tr class="gradeA">
409      <td>Presto</td>
410      <td>Opera 9.2</td>
411      <td>Win 88+ / OSX.3+</td>
412      <td class="center">-</td>
413      <td class="center">A</td>
414    </tr>
415    <tr class="gradeA">
416      <td>Presto</td>
417      <td>Opera 9.5</td>
418      <td>Win 88+ / OSX.3+</td>
419      <td class="center">-</td>
420      <td class="center">A</td>
421    </tr>
422    <tr class="gradeA">
423      <td>Presto</td>
424      <td>Opera for Wii</td>
425      <td>Wii</td>
426      <td class="center">-</td>
427      <td class="center">A</td>
428    </tr>
429    <tr class="gradeA">
430      <td>Presto</td>
431      <td>Nokia N800</td>
432      <td>N800</td>
433      <td class="center">-</td>
434      <td class="center">A</td>
435    </tr>
436    <tr class="gradeA">
437      <td>Presto</td>
438      <td>Nintendo DS browser</td>
439      <td>Nintendo DS</td>
440      <td class="center">8,5</td>
441      <td class="center">C/A<sup>1</sup></td>
442    </tr>
443    <tr class="gradeC">
444      <td>KHTML</td>
445      <td>Konqureror 3.1</td>
446      <td>KDE 3.1</td>
447      <td class="center">3,1</td>
448      <td class="center">C</td>
449    </tr>
450    <tr class="gradeA">
451      <td>KHTML</td>
452      <td>Konqureror 3.3</td>
453      <td>KDE 3.3</td>
454      <td class="center">3,3</td>
455      <td class="center">A</td>
456    </tr>
457    <tr class="gradeA">
458      <td>KHTML</td>
459      <td>Konqureror 3.5</td>
460      <td>KDE 3.5</td>
461      <td class="center">3,5</td>
462      <td class="center">A</td>
463    </tr>
464    <tr class="gradeX">
465      <td>Tasman</td>
466      <td>Internet Explorer 4.5</td>
467      <td>Mac OS 8-9</td>
468      <td class="center">-</td>
469      <td class="center">X</td>
470    </tr>
471    <tr class="gradeC">
472      <td>Tasman</td>
473      <td>Internet Explorer 5.1</td>
474      <td>Mac OS 7.6-9</td>
475      <td class="center">1</td>
476      <td class="center">C</td>
477    </tr>
478    <tr class="gradeC">
479      <td>Tasman</td>
480      <td>Internet Explorer 5.2</td>
481      <td>Mac OS 8-X</td>
482      <td class="center">1</td>
483      <td class="center">C</td>
484    </tr>
485    <tr class="gradeA">
486      <td>Misc</td>
487      <td>NetFront 3.1</td>
488      <td>Embedded devices</td>
489      <td class="center">-</td>
490      <td class="center">C</td>
491    </tr>
492    <tr class="gradeA">
493      <td>Misc</td>
494      <td>NetFront 3.4</td>
495      <td>Embedded devices</td>
496      <td class="center">-</td>
497      <td class="center">A</td>
498    </tr>
499    <tr class="gradeX">
500      <td>Misc</td>
501      <td>Dillo 0.8</td>
502      <td>Embedded devices</td>
503      <td class="center">-</td>
504      <td class="center">X</td>
505    </tr>
506    <tr class="gradeX">
507      <td>Misc</td>
508      <td>Links</td>
509      <td>Text only</td>
510      <td class="center">-</td>
511      <td class="center">X</td>
512    </tr>
513    <tr class="gradeX">
514      <td>Misc</td>
515      <td>Lynx</td>
516      <td>Text only</td>
517      <td class="center">-</td>
518      <td class="center">X</td>
519    </tr>
520    <tr class="gradeC">
521      <td>Misc</td>
522      <td>IE Mobile</td>
523      <td>Windows Mobile 6</td>
524      <td class="center">-</td>
525      <td class="center">C</td>
526    </tr>
527    <tr class="gradeC">
528      <td>Misc</td>
529      <td>PSP browser</td>
530      <td>PSP</td>
531      <td class="center">-</td>
532      <td class="center">C</td>
533    </tr>
534    <tr class="gradeU">
535      <td>Other browsers</td>
536      <td>All others</td>
537      <td>-</td>
538      <td class="center">-</td>
539      <td class="center">U</td>
540    </tr>
541  </tbody>
542  <tfoot>
543    <tr>
544      <th>Rendering engine</th>
545      <th>Browser</th>
546      <th>Platform(s)</th>
547      <th>Engine version</th>
548      <th>CSS grade</th>
549    </tr>
550  </tfoot>
551</table>
552      </div>
553      <div class="spacer"></div>
554     
555     
556      <h1>Initialisation code</h1>
557      <pre>function fnFilterGlobal ()
558{
559  $('#example').dataTable().fnFilter(
560    $("#global_filter").val(),
561    null,
562    $("#global_regex")[0].checked,
563    $("#global_smart")[0].checked
564  );
565}
566
567function fnFilterColumn ( i )
568{
569  $('#example').dataTable().fnFilter(
570    $("#col"+(i+1)+"_filter").val(),
571    i,
572    $("#col"+(i+1)+"_regex")[0].checked,
573    $("#col"+(i+1)+"_smart")[0].checked
574  );
575}
576
577$(document).ready(function() {
578  $('#example').dataTable();
579 
580  $("#global_filter").keyup( fnFilterGlobal );
581  $("#global_regex").click( fnFilterGlobal );
582  $("#global_smart").click( fnFilterGlobal );
583 
584  $("#col1_filter").keyup( function() { fnFilterColumn( 0 ); } );
585  $("#col1_regex").click(  function() { fnFilterColumn( 0 ); } );
586  $("#col1_smart").click(  function() { fnFilterColumn( 0 ); } );
587 
588  // ... etc for the other four columns
589} );</pre>
590     
591     
592      <h1>Other examples</h1>
593      <h2>Basic initialisation</h2>
594      <ul>
595        <li><a href="../basic_init/zero_config.html">Zero configuration</a></li>
596        <li><a href="../basic_init/filter_only.html">Feature enablement</a></li>
597        <li><a href="../basic_init/table_sorting.html">Sorting data</a></li>
598        <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li>
599        <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
600        <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
601        <li><a href="../basic_init/dom.html">DOM positioning</a></li>
602        <li><a href="../basic_init/state_save.html">State saving</a></li>
603        <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li>
604        <li>Scrolling:
605          <a href="../basic_init/scroll_x.html">Horizontal</a> /
606          <a href="../basic_init/scroll_y.html">Vertical</a> /
607          <a href="../basic_init/scroll_xy.html">Both</a> /
608          <a href="../basic_init/scroll_y_theme.html">Themed</a> /
609          <a href="../basic_init/scroll_y_infinite.html">Infinite</a>
610        </li>
611        <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li>
612        <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li>
613      </ul>
614     
615      <h2>Advanced initialisation</h2>
616      <ul>
617        <li><a href="../advanced_init/events_pre_init.html">Events (pre initialisation)</a></li>
618        <li><a href="../advanced_init/events_post_init.html">Events (post initialisation)</a></li>
619        <li><a href="../advanced_init/column_render.html">Column rendering</a></li>
620        <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li>
621        <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li>
622        <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li>
623        <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li>
624        <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li>
625        <li><a href="../advanced_init/complex_header.html">Column grouping through col/row spans</a></li>
626        <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
627        <li><a href="../advanced_init/row_callback.html">Row callback</a></li>
628        <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
629        <li><a href="../advanced_init/language_file.html">Change language information from a file (internationalisation)</a></li>
630      </ul>
631     
632      <h2>Data sources</h2>
633      <ul>
634        <li><a href="../data_sources/dom.html">DOM</a></li>
635        <li><a href="../data_sources/js_array.html">Javascript array</a></li>
636        <li><a href="../data_sources/ajax.html">Ajax source</a></li>
637        <li><a href="../data_sources/server_side.html">Server side processing</a></li>
638      </ul>
639     
640      <h2>Server-side processing</h2>
641      <ul>
642        <li><a href="../server_side/server_side.html">Obtain server-side data</a></li>
643        <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li>
644        <li><a href="../server_side/post.html">Use HTTP POST</a></li>
645        <li><a href="../server_side/column_ordering.html">Custom column ordering (in callback data)</a></li>
646        <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li>
647        <li><a href="../server_side/row_details.html">Show and hide details about a particular record</a></li>
648        <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li>
649      </ul>
650     
651      <h2>API</h2>
652      <ul>
653        <li><a href="../api/add_row.html">Dynamically add a new row</a></li>
654        <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li>
655        <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li>
656        <li><a href="../api/highlight.html">Highlight rows and columns</a></li>
657        <li><a href="../api/row_details.html">Show and hide details about a particular record</a></li>
658        <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li>
659        <li><a href="../api/select_single_row.html">User selectable rows (single row) and delete rows</a></li>
660        <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li>
661        <li><a href="../api/form.html">Submit form with elements in table</a></li>
662        <li><a href="../api/counter_column.html">Index column (static number column)</a></li>
663        <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li>
664        <li><a href="../api/api_in_init.html">API function use in initialisation object (callback)</a></li>
665        <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li>
666        <li><a href="../api/regex.html">Regular expression filtering</a></li>
667      </ul>
668     
669      <h2>Plug-ins</h2>
670      <ul>
671        <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li>
672        <li><a href="../plug-ins/sorting_plugin.html">Sorting and type detection</a></li>
673        <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li>
674        <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li>
675        <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li>
676        <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li>
677      </ul>
678     
679     
680      <p>Please refer to the <a href="http://www.datatables.net/"><i>DataTables</i> documentation</a> for full information about its API properties and methods.</p>
681     
682     
683      <div id="footer" style="text-align:center;">
684        <span style="font-size:10px;">DataTables &copy; Allan Jardine 2008-2010</span>
685      </div>
686    </div>
687  </body>
688</html>
Note: See TracBrowser for help on using the repository browser.