annotate DataTables-1.9.4/examples/server_side/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 var oTable;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
16
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
17 /* Formating function for row details */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
18 function fnFormatDetails ( nTr )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
19 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
20 var aData = oTable.fnGetData( nTr );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
21 var sOut = '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
22 sOut += '<tr><td>Rendering engine:</td><td>'+aData[2]+' '+aData[5]+'</td></tr>';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
23 sOut += '<tr><td>Link to source:</td><td>Could provide a link here</td></tr>';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
24 sOut += '<tr><td>Extra info:</td><td>And any further details here (images etc)</td></tr>';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
25 sOut += '</table>';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
26
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
27 return sOut;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
28 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
29
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
30 $(document).ready(function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
31 oTable = $('#example').dataTable( {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
32 "bProcessing": true,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
33 "bServerSide": true,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
34 "sAjaxSource": "scripts/details_col.php",
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
35 "aoColumns": [
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
36 { "sClass": "center", "bSortable": false },
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
37 null,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
38 null,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
39 null,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
40 { "sClass": "center" },
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
41 { "sClass": "center" }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
42 ],
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
43 "aaSorting": [[1, 'asc']]
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 $('#example tbody td img').live( 'click', function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
47 var nTr = $(this).parents('tr')[0];
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
48 if ( oTable.fnIsOpen(nTr) )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
49 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
50 /* This row is already open - close it */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
51 this.src = "../examples_support/details_open.png";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
52 oTable.fnClose( nTr );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
53 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
54 else
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
55 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
56 /* Open this row */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
57 this.src = "../examples_support/details_close.png";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
58 oTable.fnOpen( nTr, fnFormatDetails(nTr), 'details' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
59 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
60 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
61 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
62 </script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
63 </head>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
64 <body id="dt_example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
65 <div id="container">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
66 <div class="full_width big">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
67 DataTables server-side processing example with hidden row information
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
68 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
69
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
70 <h1>Preamble</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
71 <p>This example shows how you might modify the client-side show/hide details rows example for use with DataTables server-side processing option.</p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
72
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
73 <h1>Live example</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
74 <div id="dynamic">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
75 <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
76 <thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
77 <tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
78 <th width="4%"></th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
79 <th width="25%">Rendering engine</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
80 <th width="20%">Browser</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
81 <th width="25%">Platform(s)</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
82 <th width="16%">Engine version</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
83 <th width="10%">CSS grade</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
84 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
85 </thead>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
86 <tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
87 <tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
88 <td colspan="5" class="dataTables_empty">Loading data from server</td>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
89 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
90 </tbody>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
91 <tfoot>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
92 <tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
93 <th></th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
94 <th>Rendering engine</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
95 <th>Browser</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
96 <th>Platform(s)</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
97 <th>Engine version</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
98 <th>CSS grade</th>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
99 </tr>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
100 </tfoot>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
101 </table>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
102 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
103 <div class="spacer"></div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
104
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
105
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
106 <h1>Initialisation code</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
107 <pre class="brush: js;">var oTable;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
108
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
109 /* Formating function for row details */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
110 function fnFormatDetails ( nTr )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
111 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
112 var aData = oTable.fnGetData( nTr );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
113 var sOut = '&lt;table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;"&gt;';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
114 sOut += '&lt;tr&gt;&lt;td&gt;Rendering engine:&lt;/td&gt;&lt;td&gt;'+aData[2]+' '+aData[5]+'&lt;/td&gt;&lt;/tr&gt;';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
115 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
116 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
117 sOut += '&lt;/table&gt;';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
118
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
119 return sOut;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
120 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
121
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
122 $(document).ready(function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
123 oTable = $('#example').dataTable( {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
124 "bProcessing": true,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
125 "bServerSide": true,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
126 "sAjaxSource": "scripts/details_col.php",
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
127 "aoColumns": [
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
128 { "sClass": "center", "bSortable": false },
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
129 null,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
130 null,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
131 null,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
132 { "sClass": "center" },
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
133 { "sClass": "center" }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
134 ],
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
135 "aaSorting": [[1, 'asc']]
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
136 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
137
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
138 $('#example tbody td img').live( 'click', function () {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
139 var nTr = $(this).parents('tr')[0];
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
140 if ( oTable.fnIsOpen(nTr) )
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
141 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
142 /* This row is already open - close it */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
143 this.src = "../examples_support/details_open.png";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
144 oTable.fnClose( nTr );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
145 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
146 else
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
147 {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
148 /* Open this row */
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
149 this.src = "../examples_support/details_close.png";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
150 oTable.fnOpen( nTr, fnFormatDetails(nTr), 'details' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
151 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
152 } );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
153 } );</pre>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
154 <style type="text/css">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
155 @import "../examples_support/syntax/css/shCore.css";
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
156 </style>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
157 <script type="text/javascript" language="javascript" src="../examples_support/syntax/js/shCore.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
158
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
159 <h1>Server response</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
160 <p>The code below shows the latest JSON data that has been returned from the server in response to the Ajax request made by DataTables. This will update as further requests are made.</p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
161 <pre id="latest_xhr" class="brush: js;"></pre>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
162
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
163
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
164 <h1>Other examples</h1>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
165 <div class="demo_links">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
166 <h2>Basic initialisation</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
167 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
168 <li><a href="../basic_init/zero_config.html">Zero configuration</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
169 <li><a href="../basic_init/filter_only.html">Feature enablement</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
170 <li><a href="../basic_init/table_sorting.html">Sorting data</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
171 <li><a href="../basic_init/multi_col_sort.html">Multi-column sorting</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
172 <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
173 <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
174 <li><a href="../basic_init/complex_header.html">Complex headers - grouping with colspan</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
175 <li><a href="../basic_init/dom.html">DOM positioning</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
176 <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
177 <li><a href="../basic_init/state_save.html">State saving</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
178 <li><a href="../basic_init/alt_pagination.html">Alternative pagination styles</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
179 <li>Scrolling: <br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
180 <a href="../basic_init/scroll_x.html">Horizontal</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
181 <a href="../basic_init/scroll_y.html">Vertical</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
182 <a href="../basic_init/scroll_xy.html">Both</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
183 <a href="../basic_init/scroll_y_theme.html">Themed</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
184 <a href="../basic_init/scroll_y_infinite.html">Infinite</a>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
185 </li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
186 <li><a href="../basic_init/language.html">Change language information (internationalisation)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
187 <li><a href="../basic_init/themes.html">ThemeRoller themes (Smoothness)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
188 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
189
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
190 <h2>Advanced initialisation</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
191 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
192 <li>Events: <br>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
193 <a href="../advanced_init/events_live.html">Live events</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
194 <a href="../advanced_init/events_pre_init.html">Pre-init</a> /
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
195 <a href="../advanced_init/events_post_init.html">Post-init</a>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
196 </li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
197 <li><a href="../advanced_init/column_render.html">Column rendering</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
198 <li><a href="../advanced_init/html_sort.html">Sorting without HTML tags</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
199 <li><a href="../advanced_init/dom_multiple_elements.html">Multiple table controls (sDom)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
200 <li><a href="../advanced_init/length_menu.html">Defining length menu options</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
201 <li><a href="../advanced_init/complex_header.html">Complex headers and hidden columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
202 <li><a href="../advanced_init/dom_toolbar.html">Custom toolbar (element) around table</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
203 <li><a href="../advanced_init/highlight.html">Row highlighting with CSS</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
204 <li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
205 <li><a href="../advanced_init/row_callback.html">Row callback</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
206 <li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
207 <li><a href="../advanced_init/sorting_control.html">Control sorting direction of columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
208 <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
209 <li><a href="../advanced_init/defaults.html">Setting defaults</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
210 <li><a href="../advanced_init/localstorage.html">State saving with localStorage</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
211 <li><a href="../advanced_init/dt_events.html">Custom events</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
212 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
213
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
214 <h2>API</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
215 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
216 <li><a href="../api/add_row.html">Dynamically add a new row</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
217 <li><a href="../api/multi_filter.html">Individual column filtering (using "input" elements)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
218 <li><a href="../api/multi_filter_select.html">Individual column filtering (using "select" elements)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
219 <li><a href="../api/highlight.html">Highlight rows and columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
220 <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
221 <li><a href="../api/select_row.html">User selectable rows (multiple rows)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
222 <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
223 <li><a href="../api/editable.html">Editable rows (with jEditable)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
224 <li><a href="../api/form.html">Submit form with elements in table</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
225 <li><a href="../api/counter_column.html">Index column (static number column)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
226 <li><a href="../api/show_hide.html">Show and hide columns dynamically</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
227 <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
228 <li><a href="../api/tabs_and_scrolling.html">DataTables scrolling and tabs</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
229 <li><a href="../api/regex.html">Regular expression filtering</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
230 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
231 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
232
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
233 <div class="demo_links">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
234 <h2>Data sources</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
235 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
236 <li><a href="../data_sources/dom.html">DOM</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
237 <li><a href="../data_sources/js_array.html">Javascript array</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
238 <li><a href="../data_sources/ajax.html">Ajax source</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
239 <li><a href="../data_sources/server_side.html">Server side processing</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
240 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
241
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
242 <h2>Server-side processing</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
243 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
244 <li><a href="../server_side/server_side.html">Obtain server-side data</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
245 <li><a href="../server_side/custom_vars.html">Add extra HTTP variables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
246 <li><a href="../server_side/post.html">Use HTTP POST</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
247 <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
248 <li><a href="../server_side/object_data.html">Reading table data from objects</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
249 <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
250 <li><a href="../server_side/select_rows.html">User selectable rows (multiple rows)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
251 <li><a href="../server_side/jsonp.html">JSONP for a cross domain data source</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
252 <li><a href="../server_side/editable.html">jEditable integration with DataTables</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
253 <li><a href="../server_side/defer_loading.html">Deferred loading of Ajax data</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
254 <li><a href="../server_side/pipeline.html">Pipelining data (reduce Ajax calls for paging)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
255 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
256
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
257 <h2>Ajax data source</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
258 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
259 <li><a href="../ajax/ajax.html">Ajax sourced data (array of arrays)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
260 <li><a href="../ajax/objects.html">Ajax sourced data (array of objects)</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
261 <li><a href="../ajax/defer_render.html">Deferred DOM creation for extra speed</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
262 <li><a href="../ajax/null_data_source.html">Empty data source columns</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
263 <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
264 <li><a href="../ajax/objects_subarrays.html">Read column data from sub-arrays</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
265 <li><a href="../ajax/deep.html">Read column data from deeply nested properties</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
266 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
267
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
268 <h2>Plug-ins</h2>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
269 <ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
270 <li><a href="../plug-ins/plugin_api.html">Add custom API functions</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
271 <li><a href="../plug-ins/sorting_plugin.html">Sorting and automatic type detection</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
272 <li><a href="../plug-ins/sorting_sType.html">Sorting without automatic type detection</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
273 <li><a href="../plug-ins/paging_plugin.html">Custom pagination controls</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
274 <li><a href="../plug-ins/range_filtering.html">Range filtering / custom filtering</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
275 <li><a href="../plug-ins/dom_sort.html">Live DOM sorting</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
276 <li><a href="../plug-ins/html_sort.html">Automatic HTML type detection</a></li>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
277 </ul>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
278 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
279
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
280
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
281 <div id="footer" class="clear" style="text-align:center;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
282 <p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
283 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
284 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
285 </p>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
286
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
287 <span style="font-size:10px;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
288 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
289 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
290 </span>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
291 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
292 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
293 </body>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
294 </html>