rooty/DataTables
1
0
Fork 0
mirror of https://github.com/DataTables/DataTables.git synced 2024-11-29 11:24:10 +01:00
Code Issues Releases Activity
71535def21
DataTables/examples/ajax/objects_subarrays.html

324 lines
15 KiB
HTML
Raw Normal View History

New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
Dev: Change the viewport meta tag to not fix the width
2014-03-04 09:51:50 +01:00
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<title>DataTables example - Nested object data (arrays)</title>
Dev fix: Need to get the media path before setting the linclude library paths
2013-12-19 15:04:37 +01:00
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
<link rel="stylesheet" type="text/css" href="../resources/demo.css">
<style type="text/css" class="init">
</style>
Dev fix: Need to get the media path before setting the linclude library paths
2013-12-19 15:04:37 +01:00
<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
<script type="text/javascript" language="javascript" class="init">
$(document).ready(function() {
$('#example').dataTable( {
"ajax": "data/objects_subarrays.txt",
"columns": [
{ "data": "name[, ]" },
{ "data": "hr.0" },
{ "data": "office" },
{ "data": "extn" },
{ "data": "hr.2" },
{ "data": "hr.1" }
]
} );
} );
</script>
</head>
<body class="dt-example">
<div class="container">
<section>
Update: Improved responsivness for examples CSS
2014-03-14 13:32:46 +01:00
<h1>DataTables example <span>Nested object data (arrays)</span></h1>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<div class="info">
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<p>The information read from an Ajax data source can be arbitrarily complex, but still be displayed by DataTables through the <a href=
"//datatables.net/reference/option/columns.data"><code class="option" title="DataTables initialisation option">columns.data<span>DT</span></code></a> option, which
is particularly useful for working with JSON feeds in an already defined format.</p>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
Site: Updates based on my work for the DataTables site. Mostly minor changes to styling, naming or docs fixes
2013-12-19 15:03:24 +01:00
<p>The <a href="//datatables.net/reference/option/columns.data"><code class="option" title=
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
"DataTables initialisation option">columns.data<span>DT</span></code></a> option has the ability to read information not only from objects, but also from arrays
using the same dotted object syntax as for objects. In addition to this, when working with an array data source <a href=
"//datatables.net/reference/option/columns.data"><code class="option" title="DataTables initialisation option">columns.data<span>DT</span></code></a> can process
the data to combine and display the data in simple forms (more complex forms can be defined by using <a href=
"//datatables.net/reference/option/columns.data"><code class="option" title="DataTables initialisation option">columns.data<span>DT</span></code></a> as a
function).</p>
<p>This example shows two different aspects of using <a href="//datatables.net/reference/option/columns.data"><code class="option" title=
Dev: Updates for Editor development Update: Show software tag in the markdown links for the documentation
2014-03-14 13:33:02 +01:00
"DataTables initialisation option">columns.data<span>DT</span></code></a> to read arrays:</p>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
Dev: Markdown update - add a class to lists and tables so we know when they have been generated by markdown. Must easier for styling
2014-04-25 14:27:28 +02:00
<ul class="markdown">
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li>The <em>Name</em> column is sourced from an array of two elements (first and last name), which are automatically concatenated together. This is done by
using array bracket syntax, with the characters between the brackets being used as the glue between elements (e.g. <code>name[, ]</code>).</li>
<li>The <em>Position</em>, <em>Start date</em> and <em>Salary</em> columns are read directly from array elements using dotted object notation (e.g.
<code>hr.0</code>). Note that the order in which the data can be used in the columns does not have to match the order in which it is defined in the data
source. The structure of the row's data source in this example is:</li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</ul>
<pre>
<code class="multiline">{
"name": [
"Nixon",
"Tiger"
],
"hr": [
"System Architect",
"$3,120",
"2011/04/25"
],
"office": "Edinburgh",
"extn": "5421"
}
</code>
</pre>
</div>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Extn.</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Extn.</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
</table>
<ul class="tabs">
<li class="active">Javascript</li>
<li>HTML</li>
<li>CSS</li>
<li>Ajax</li>
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<li>Server-side script</li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</ul>
<div class="tabs">
<div class="js">
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
$('#example').dataTable( {
&quot;ajax&quot;: &quot;data/objects_subarrays.txt&quot;,
&quot;columns&quot;: [
{ &quot;data&quot;: &quot;name[, ]&quot; },
{ &quot;data&quot;: &quot;hr.0&quot; },
{ &quot;data&quot;: &quot;office&quot; },
{ &quot;data&quot;: &quot;extn&quot; },
{ &quot;data&quot;: &quot;hr.2&quot; },
{ &quot;data&quot;: &quot;hr.1&quot; }
]
} );
Site: Updates based on my work for the DataTables site. Mostly minor changes to styling, naming or docs fixes
2013-12-19 15:03:24 +01:00
} );</code>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<ul>
Dev fix: Need to get the media path before setting the linclude library paths
2013-12-19 15:04:37 +01:00
<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</ul>
</div>
<div class="table">
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</div>
<div class="css">
<div>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The
additional CSS used is shown below:</p><code class="multiline language-css"></code>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</div>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<ul>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</ul>
</div>
<div class="ajax">
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is
loaded.</p>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</div>
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<div class="php">
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side
processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables
documentation</a>.</p>
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
</div>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</div>
</section>
</div>
<section>
<div class="footer">
<div class="gradient"></div>
<div class="liner">
<h2>Other examples</h2>
<div class="toc">
<div class="toc-group">
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<ul class="toc">
<li><a href="../basic_init/zero_configuration.html">Zero configuration</a></li>
<li><a href="../basic_init/filter_only.html">Feature enable / disable</a></li>
Updated: Update examples and documentation for the change in committed in cdc6399 to make naming more consistent
2013-11-12 20:18:51 +01:00
<li><a href="../basic_init/table_sorting.html">Default ordering (sorting)</a></li>
<li><a href="../basic_init/multi_col_sort.html">Multi-column ordering</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and colspan)</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="../basic_init/dom.html">DOM positioning</a></li>
<li><a href="../basic_init/flexible_width.html">Flexible table width</a></li>
<li><a href="../basic_init/state_save.html">State saving</a></li>
<li><a href="../basic_init/alt_pagination.html">Alternative pagination</a></li>
<li><a href="../basic_init/scroll_y.html">Scroll - vertical</a></li>
<li><a href="../basic_init/scroll_x.html">Scroll - horizontal</a></li>
<li><a href="../basic_init/scroll_xy.html">Scroll - horizontal and vertical</a></li>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI ThemeRoller</a></li>
New: `language.decimal` option. This option can be used to tell DataTables which character is used as a decimal place in the table's data, so that number which are formatted using characters other than a dot as the decimal place can be correctly detected and sorted. - A large part of the world uses the comma as a decimal place, so it makes sense to have this option built-in directly to DataTables, rather than needing to use plu-in sorting types as before: http://en.wikipedia.org/wiki/Decimal_mark - However, the decimal place character cannot be detected automatically since there are far to many ambiguities. As such, a new `language.decimal` option is defined which is passed through to the type detection functions. The type detection functions can then use that character to alter their detection functions to transform numbers into the dot formatted equivilent for parsing in Javascript. - The numeric sorting methods have been bundled together in the function `_addNumericSort` which is called when a character is given for the decimal mark, adding the sorting functions required specifically for that mark. This means that any character at all can be added, while keeping the table's sort performance as it was. - Code size in increased a little for this new feature, but a lot of work has been done to keep it to a minimum (while still optimising for the most common use case of a dot decimal place), and this is a good feature to have in DataTables' core code. - All required documentation added and updated. - Special thanks to Tobias Bäthge for suggesting and sponsoring this feature.
2014-02-10 18:07:22 +01:00
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="../basic_init/language.html">Language options</a></li>
</ul>
</div>
<div class="toc-group">
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<ul class="toc">
Examples: Add HTML5 data-* attribute example - DataTables 1.10 has the ability to source data for filtering and sorting from HTML5 data-* attributes. This example shows that ability
2013-10-16 16:33:34 +02:00
<li><a href="../advanced_init/events_live.html">DOM / jQuery events</a></li>
<li><a href="../advanced_init/dt_events.html">DataTables events</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
Examples: Add HTML5 data-* attribute example - DataTables 1.10 has the ability to source data for filtering and sorting from HTML5 data-* attributes. This example shows that ability
2013-10-16 16:33:34 +02:00
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../advanced_init/dom_multiple_elements.html">Multiple table control elements</a></li>
<li><a href="../advanced_init/complex_header.html">Complex headers (rowspan / colspan)</a></li>
New: Ability to use `dt-init columns.data` with a DOM sourced data to read the row information into an object rather than an array (the default)
2014-10-08 15:19:14 +02:00
<li><a href="../advanced_init/object_dom_read.html">Read HTML to data objects</a></li>
Examples: Add HTML5 data-* attribute example - DataTables 1.10 has the ability to source data for filtering and sorting from HTML5 data-* attributes. This example shows that ability
2013-10-16 16:33:34 +02:00
<li><a href="../advanced_init/html5-data-attributes.html">HTML5 data-* attributes</a></li>
<li><a href="../advanced_init/language_file.html">Language file</a></li>
<li><a href="../advanced_init/defaults.html">Setting defaults</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
Examples: Add HTML5 data-* attribute example - DataTables 1.10 has the ability to source data for filtering and sorting from HTML5 data-* attributes. This example shows that ability
2013-10-16 16:33:34 +02:00
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
Examples: Add HTML5 data-* attribute example - DataTables 1.10 has the ability to source data for filtering and sorting from HTML5 data-* attributes. This example shows that ability
2013-10-16 16:33:34 +02:00
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence control</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</ul>
</div>
<div class="toc-group">
<h3><a href="../styling/index.html">Styling</a></h3>
<ul class="toc">
<li><a href="../styling/display.html">Base style</a></li>
<li><a href="../styling/no-classes.html">Base style - no styling classes</a></li>
<li><a href="../styling/cell-border.html">Base style - cell borders</a></li>
New: `compact` and `no-wrap` styling classes for the DataTables stylesheet * `compact` reduces the padding on the cells in the table to increase the information density. * `no-wrap` disabled white space text wrapping
2014-06-23 16:34:52 +02:00
<li><a href="../styling/compact.html">Base style - compact</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="../styling/hover.html">Base style - hover</a></li>
Updated: Update examples and documentation for the change in committed in cdc6399 to make naming more consistent
2013-11-12 20:18:51 +01:00
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
New: `compact` and `no-wrap` styling classes for the DataTables stylesheet * `compact` reduces the padding on the cells in the table to increase the information density. * `no-wrap` disabled white space text wrapping
2014-06-23 16:34:52 +02:00
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="../styling/stripe.html">Base style - stripe</a></li>
<li><a href="../styling/bootstrap.html">Bootstrap</a></li>
<li><a href="../styling/foundation.html">Foundation</a></li>
New: `compact` and `no-wrap` styling classes for the DataTables stylesheet * `compact` reduces the padding on the cells in the table to increase the information density. * `no-wrap` disabled white space text wrapping
2014-06-23 16:34:52 +02:00
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</ul>
</div>
<div class="toc-group">
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<h3><a href="../data_sources/index.html">Data sources</a></h3>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<ul class="toc">
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="../data_sources/ajax.html">Ajax sourced data</a></li>
<li><a href="../data_sources/js_array.html">Javascript sourced data</a></li>
<li><a href="../data_sources/server_side.html">Server-side processing</a></li>
</ul>
</div>
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<div class="toc-group">
<h3><a href="../api/index.html">API</a></h3>
<ul class="toc">
<li><a href="../api/add_row.html">Add rows</a></li>
Fix examples: Search API examples should use consistent terminology
2014-07-18 13:09:54 +02:00
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../api/multi_filter_select.html">Individual column searching (select inputs)</a></li>
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../api/row_details.html">Child rows (show extra / detailed information)</a></li>
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../api/select_single_row.html">Row selection and deletion (single row)</a></li>
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<li><a href="../api/form.html">Form inputs</a></li>
<li><a href="../api/counter_columns.html">Index column</a></li>
<li><a href="../api/show_hide.html">Show / hide columns dynamically</a></li>
<li><a href="../api/api_in_init.html">Using API in callbacks</a></li>
<li><a href="../api/tabs_and_scrolling.html">Scrolling and jQuery UI tabs</a></li>
Fix example: Use `search` terminology * See thread 22268
2014-07-18 13:09:03 +02:00
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
</ul>
</div>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<div class="toc-group">
<h3><a href="./index.html">Ajax</a></h3>
<ul class="toc active">
<li><a href="./simple.html">Ajax data source (arrays)</a></li>
<li><a href="./objects.html">Ajax data source (objects)</a></li>
<li><a href="./deep.html">Nested object data (objects)</a></li>
<li class="active"><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
Merge branch 'master' of github.com:DataTables/DataTablesSrc
2014-01-14 16:51:06 +01:00
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<li><a href="./null_data_source.html">Generated content for a column</a></li>
<li><a href="./custom_data_property.html">Custom data source property</a></li>
<li><a href="./custom_data_flat.html">Flat array data source</a></li>
<li><a href="./defer_render.html">Deferred rendering for speed</a></li>
</ul>
</div>
<div class="toc-group">
Site: Updates based on feedback from `tangerine`
2014-01-17 17:45:14 +01:00
<h3><a href="../server_side/index.html">Server-side</a></h3>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
<ul class="toc">
<li><a href="../server_side/simple.html">Server-side processing</a></li>
<li><a href="../server_side/custom_vars.html">Custom HTTP variables</a></li>
<li><a href="../server_side/post.html">POST data</a></li>
<li><a href="../server_side/ids.html">Automatic addition of row ID attributes</a></li>
<li><a href="../server_side/object_data.html">Object data source</a></li>
<li><a href="../server_side/row_details.html">Row details</a></li>
<li><a href="../server_side/select_rows.html">Row selection</a></li>
<li><a href="../server_side/jsonp.html">JSONP data source for remote domains</a></li>
<li><a href="../server_side/defer_loading.html">Deferred loading of data</a></li>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for paging</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</ul>
</div>
<div class="toc-group">
<h3><a href="../plug-ins/index.html">Plug-ins</a></h3>
<ul class="toc">
<li><a href="../plug-ins/api.html">API plug-in methods</a></li>
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<li><a href="../plug-ins/sorting_auto.html">Ordering plug-ins (with type detection)</a></li>
<li><a href="../plug-ins/sorting_manual.html">Ordering plug-ins (no type detection)</a></li>
Fix: Example for range filtering was attaching to the wrong parameter - should be `$.fn.dataTable.ext.search`
2014-02-10 18:06:57 +01:00
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
Updated: Update examples and documentation for the change in committed in cdc6399 to make naming more consistent
2013-11-12 20:18:51 +01:00
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
</ul>
</div>
</div>
<div class="epilogue">
Dev: Support for a "private" examples directory where the examples are compiled but not included in the ToC Dev: longer line wrapping!
2014-12-11 16:27:11 +01:00
<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
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.</p>
New: `where` condition controls for the example PHP server-side processing class (`SSP`). This takes the form of a new `complex` method (to compliment the exisiting `simple` method) which accepts `where` parameters that can be used for either user based filtering, or server based filtering.
2015-01-11 17:26:59 +01:00
<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> &#169; 2007-2015<br>
New - examples: Examples updated and restyled for DataTables 1.10 - Additional information and better layout for examples. See the src repo for more information.
2013-10-16 13:13:30 +02:00
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
</div>
</div>
</div>
</section>
</body>
</html>
Reference in New Issue Copy Permalink