mirror of
https://github.com/cwinfo/powerdns-admin.git
synced 2025-06-15 04:26:05 +00:00
Initial commit
This commit is contained in:
Khanh Ngo
@ -0,0 +1,336 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
|
||||
<title>DataTables example - Flat array data source</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<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>
|
||||
<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>
|
||||
<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": {
|
||||
"url": "data/objects_root_array.txt",
|
||||
"dataSrc": ""
|
||||
},
|
||||
"columns": [
|
||||
{ "data": "name" },
|
||||
{ "data": "position" },
|
||||
{ "data": "office" },
|
||||
{ "data": "extn" },
|
||||
{ "data": "start_date" },
|
||||
{ "data": "salary" }
|
||||
]
|
||||
} );
|
||||
} );
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Flat array data source</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<p>When loading data from an Ajax source, by default, DataTables will look for the data to use in the
|
||||
<code>data</code> parameter of a returned object (e.g. <code>{ "data": [...] }</code>). This can easily
|
||||
be change by using the <code>dataSrc</code> option of the <a href=
|
||||
"//datatables.net/reference/option/ajax"><code class="option" title=
|
||||
"DataTables initialisation option">ajax<span>DT</span></code></a> initiation option.</p>
|
||||
|
||||
<p>The <a href="//datatables.net/reference/option/ajax.dataSrc"><code class="option" title=
|
||||
"DataTables initialisation option">ajax.dataSrc<span>DT</span></code></a> has a number of ways in which
|
||||
it can be used:</p>
|
||||
|
||||
<ul class="markdown">
|
||||
<li>As a string (e.g. <code>dataSrc: 'myData'</code>) - obtain data from a different property in
|
||||
the source object.</li>
|
||||
<li>As an empty string (e.g. <code>dataSrc: ''</code>) - the data source is not an object but an
|
||||
array.</li>
|
||||
<li>As a function (e.g. <code>dataSrc: function(json) {}</code>) - a function can be used to
|
||||
transform the data from one source format to another (for example you could convert from XML to a
|
||||
Javascript object). The value returned from the function is used as the data for the table.</li>
|
||||
</ul>
|
||||
|
||||
<p>The example below shows <a href="//datatables.net/reference/option/ajax.dataSrc"><code class=
|
||||
"option" title="DataTables initialisation option">ajax.dataSrc<span>DT</span></code></a> being used as
|
||||
an empty string. This tells DataTables that the JSON loaded is a plain array, not an object with an
|
||||
array inside it as is the default.</p>
|
||||
</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>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this
|
||||
example:</p><code class="multiline brush: js;">$(document).ready(function() {
|
||||
$('#example').dataTable( {
|
||||
"ajax": {
|
||||
"url": "data/objects_root_array.txt",
|
||||
"dataSrc": ""
|
||||
},
|
||||
"columns": [
|
||||
{ "data": "name" },
|
||||
{ "data": "position" },
|
||||
{ "data": "office" },
|
||||
{ "data": "extn" },
|
||||
{ "data": "start_date" },
|
||||
{ "data": "salary" }
|
||||
]
|
||||
} );
|
||||
} );</code>
|
||||
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this
|
||||
example:</p>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
|
||||
DataTables:</p>
|
||||
</div>
|
||||
|
||||
<div class="css">
|
||||
<div>
|
||||
<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 brush: js;"></code>
|
||||
</div>
|
||||
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the
|
||||
table:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href=
|
||||
"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ajax">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="php">
|
||||
<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>
|
||||
</div>
|
||||
</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">
|
||||
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
|
||||
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
|
||||
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
|
||||
colspan)</a></li>
|
||||
<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>
|
||||
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
|
||||
ThemeRoller</a></li>
|
||||
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
|
||||
<li><a href="../basic_init/language.html">Language options</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<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>
|
||||
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
|
||||
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
|
||||
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
|
||||
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
|
||||
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
|
||||
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
|
||||
control</a></li>
|
||||
</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>
|
||||
<li><a href="../styling/compact.html">Base style - compact</a></li>
|
||||
<li><a href="../styling/hover.html">Base style - hover</a></li>
|
||||
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
|
||||
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
|
||||
<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>
|
||||
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
|
||||
<li><a href="../api/multi_filter_select.html">Individual column searching (select
|
||||
inputs)</a></li>
|
||||
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
|
||||
<li><a href="../api/row_details.html">Child rows (show extra / detailed
|
||||
information)</a></li>
|
||||
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
|
||||
<li><a href="../api/select_single_row.html">Row selection and deletion (single
|
||||
row)</a></li>
|
||||
<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>
|
||||
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
|
||||
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<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 class="active"><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">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<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>
|
||||
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
|
||||
paging</a></li>
|
||||
</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>
|
||||
<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>
|
||||
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
|
||||
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,322 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
|
||||
<title>DataTables example - Custom data source property</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<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>
|
||||
<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>
|
||||
<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": {
|
||||
"url": "data/arrays_custom_prop.txt",
|
||||
"dataSrc": "demo"
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Custom data source property</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<p>When loading data from an Ajax source, by default, DataTables will look for the data to use in the
|
||||
<code>data</code> parameter of a returned object (e.g. <code>{ "data": [...] }</code>). This can easily
|
||||
be change by using the <code>dataSrc</code> option of the <a href=
|
||||
"//datatables.net/reference/option/ajax"><code class="option" title=
|
||||
"DataTables initialisation option">ajax<span>DT</span></code></a> initiation option.</p>
|
||||
|
||||
<p>The <a href="//datatables.net/reference/option/ajax.dataSrc"><code class="option" title=
|
||||
"DataTables initialisation option">ajax.dataSrc<span>DT</span></code></a> has a number of ways in which
|
||||
it can be used:</p>
|
||||
|
||||
<ul class="markdown">
|
||||
<li>As a string (e.g. <code>dataSrc: 'myData'</code>) - obtain data from a different property in
|
||||
the source object.</li>
|
||||
<li>As an empty string (e.g. <code>dataSrc: ''</code>) - the data source is not an object but an
|
||||
array.</li>
|
||||
<li>As a function (e.g. <code>dataSrc: function(json) {}</code>) - a function can be used to
|
||||
transform the data from one source format to another (for example you could convert from XML to a
|
||||
Javascript object). The value returned from the function is used as the data for the table.</li>
|
||||
</ul>
|
||||
|
||||
<p>The example below shows <a href="//datatables.net/reference/option/ajax.dataSrc"><code class=
|
||||
"option" title="DataTables initialisation option">ajax.dataSrc<span>DT</span></code></a> being used as
|
||||
a string to get the data from a different source property, in this case <code class="string" title=
|
||||
"String">demo</code> but it could be any value, included a nested property by using standard dotted
|
||||
Javascript object notation.</p>
|
||||
</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>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this
|
||||
example:</p><code class="multiline brush: js;">$(document).ready(function() {
|
||||
$('#example').dataTable( {
|
||||
"ajax": {
|
||||
"url": "data/arrays_custom_prop.txt",
|
||||
"dataSrc": "demo"
|
||||
}
|
||||
} );
|
||||
} );</code>
|
||||
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this
|
||||
example:</p>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
|
||||
DataTables:</p>
|
||||
</div>
|
||||
|
||||
<div class="css">
|
||||
<div>
|
||||
<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 brush: js;"></code>
|
||||
</div>
|
||||
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the
|
||||
table:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href=
|
||||
"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ajax">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="php">
|
||||
<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>
|
||||
</div>
|
||||
</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">
|
||||
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
|
||||
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
|
||||
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
|
||||
colspan)</a></li>
|
||||
<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>
|
||||
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
|
||||
ThemeRoller</a></li>
|
||||
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
|
||||
<li><a href="../basic_init/language.html">Language options</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<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>
|
||||
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
|
||||
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
|
||||
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
|
||||
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
|
||||
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
|
||||
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
|
||||
control</a></li>
|
||||
</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>
|
||||
<li><a href="../styling/compact.html">Base style - compact</a></li>
|
||||
<li><a href="../styling/hover.html">Base style - hover</a></li>
|
||||
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
|
||||
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
|
||||
<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>
|
||||
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
|
||||
<li><a href="../api/multi_filter_select.html">Individual column searching (select
|
||||
inputs)</a></li>
|
||||
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
|
||||
<li><a href="../api/row_details.html">Child rows (show extra / detailed
|
||||
information)</a></li>
|
||||
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
|
||||
<li><a href="../api/select_single_row.html">Row selection and deletion (single
|
||||
row)</a></li>
|
||||
<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>
|
||||
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
|
||||
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<li><a href="./null_data_source.html">Generated content for a column</a></li>
|
||||
<li class="active"><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">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<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>
|
||||
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
|
||||
paging</a></li>
|
||||
</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>
|
||||
<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>
|
||||
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
|
||||
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,460 @@
|
||||
{
|
||||
"data": [
|
||||
[
|
||||
"Tiger Nixon",
|
||||
"System Architect",
|
||||
"Edinburgh",
|
||||
"5421",
|
||||
"2011\/04\/25",
|
||||
"$320,800"
|
||||
],
|
||||
[
|
||||
"Garrett Winters",
|
||||
"Accountant",
|
||||
"Tokyo",
|
||||
"8422",
|
||||
"2011\/07\/25",
|
||||
"$170,750"
|
||||
],
|
||||
[
|
||||
"Ashton Cox",
|
||||
"Junior Technical Author",
|
||||
"San Francisco",
|
||||
"1562",
|
||||
"2009\/01\/12",
|
||||
"$86,000"
|
||||
],
|
||||
[
|
||||
"Cedric Kelly",
|
||||
"Senior Javascript Developer",
|
||||
"Edinburgh",
|
||||
"6224",
|
||||
"2012\/03\/29",
|
||||
"$433,060"
|
||||
],
|
||||
[
|
||||
"Airi Satou",
|
||||
"Accountant",
|
||||
"Tokyo",
|
||||
"5407",
|
||||
"2008\/11\/28",
|
||||
"$162,700"
|
||||
],
|
||||
[
|
||||
"Brielle Williamson",
|
||||
"Integration Specialist",
|
||||
"New York",
|
||||
"4804",
|
||||
"2012\/12\/02",
|
||||
"$372,000"
|
||||
],
|
||||
[
|
||||
"Herrod Chandler",
|
||||
"Sales Assistant",
|
||||
"San Francisco",
|
||||
"9608",
|
||||
"2012\/08\/06",
|
||||
"$137,500"
|
||||
],
|
||||
[
|
||||
"Rhona Davidson",
|
||||
"Integration Specialist",
|
||||
"Tokyo",
|
||||
"6200",
|
||||
"2010\/10\/14",
|
||||
"$327,900"
|
||||
],
|
||||
[
|
||||
"Colleen Hurst",
|
||||
"Javascript Developer",
|
||||
"San Francisco",
|
||||
"2360",
|
||||
"2009\/09\/15",
|
||||
"$205,500"
|
||||
],
|
||||
[
|
||||
"Sonya Frost",
|
||||
"Software Engineer",
|
||||
"Edinburgh",
|
||||
"1667",
|
||||
"2008\/12\/13",
|
||||
"$103,600"
|
||||
],
|
||||
[
|
||||
"Jena Gaines",
|
||||
"Office Manager",
|
||||
"London",
|
||||
"3814",
|
||||
"2008\/12\/19",
|
||||
"$90,560"
|
||||
],
|
||||
[
|
||||
"Quinn Flynn",
|
||||
"Support Lead",
|
||||
"Edinburgh",
|
||||
"9497",
|
||||
"2013\/03\/03",
|
||||
"$342,000"
|
||||
],
|
||||
[
|
||||
"Charde Marshall",
|
||||
"Regional Director",
|
||||
"San Francisco",
|
||||
"6741",
|
||||
"2008\/10\/16",
|
||||
"$470,600"
|
||||
],
|
||||
[
|
||||
"Haley Kennedy",
|
||||
"Senior Marketing Designer",
|
||||
"London",
|
||||
"3597",
|
||||
"2012\/12\/18",
|
||||
"$313,500"
|
||||
],
|
||||
[
|
||||
"Tatyana Fitzpatrick",
|
||||
"Regional Director",
|
||||
"London",
|
||||
"1965",
|
||||
"2010\/03\/17",
|
||||
"$385,750"
|
||||
],
|
||||
[
|
||||
"Michael Silva",
|
||||
"Marketing Designer",
|
||||
"London",
|
||||
"1581",
|
||||
"2012\/11\/27",
|
||||
"$198,500"
|
||||
],
|
||||
[
|
||||
"Paul Byrd",
|
||||
"Chief Financial Officer (CFO)",
|
||||
"New York",
|
||||
"3059",
|
||||
"2010\/06\/09",
|
||||
"$725,000"
|
||||
],
|
||||
[
|
||||
"Gloria Little",
|
||||
"Systems Administrator",
|
||||
"New York",
|
||||
"1721",
|
||||
"2009\/04\/10",
|
||||
"$237,500"
|
||||
],
|
||||
[
|
||||
"Bradley Greer",
|
||||
"Software Engineer",
|
||||
"London",
|
||||
"2558",
|
||||
"2012\/10\/13",
|
||||
"$132,000"
|
||||
],
|
||||
[
|
||||
"Dai Rios",
|
||||
"Personnel Lead",
|
||||
"Edinburgh",
|
||||
"2290",
|
||||
"2012\/09\/26",
|
||||
"$217,500"
|
||||
],
|
||||
[
|
||||
"Jenette Caldwell",
|
||||
"Development Lead",
|
||||
"New York",
|
||||
"1937",
|
||||
"2011\/09\/03",
|
||||
"$345,000"
|
||||
],
|
||||
[
|
||||
"Yuri Berry",
|
||||
"Chief Marketing Officer (CMO)",
|
||||
"New York",
|
||||
"6154",
|
||||
"2009\/06\/25",
|
||||
"$675,000"
|
||||
],
|
||||
[
|
||||
"Caesar Vance",
|
||||
"Pre-Sales Support",
|
||||
"New York",
|
||||
"8330",
|
||||
"2011\/12\/12",
|
||||
"$106,450"
|
||||
],
|
||||
[
|
||||
"Doris Wilder",
|
||||
"Sales Assistant",
|
||||
"Sidney",
|
||||
"3023",
|
||||
"2010\/09\/20",
|
||||
"$85,600"
|
||||
],
|
||||
[
|
||||
"Angelica Ramos",
|
||||
"Chief Executive Officer (CEO)",
|
||||
"London",
|
||||
"5797",
|
||||
"2009\/10\/09",
|
||||
"$1,200,000"
|
||||
],
|
||||
[
|
||||
"Gavin Joyce",
|
||||
"Developer",
|
||||
"Edinburgh",
|
||||
"8822",
|
||||
"2010\/12\/22",
|
||||
"$92,575"
|
||||
],
|
||||
[
|
||||
"Jennifer Chang",
|
||||
"Regional Director",
|
||||
"Singapore",
|
||||
"9239",
|
||||
"2010\/11\/14",
|
||||
"$357,650"
|
||||
],
|
||||
[
|
||||
"Brenden Wagner",
|
||||
"Software Engineer",
|
||||
"San Francisco",
|
||||
"1314",
|
||||
"2011\/06\/07",
|
||||
"$206,850"
|
||||
],
|
||||
[
|
||||
"Fiona Green",
|
||||
"Chief Operating Officer (COO)",
|
||||
"San Francisco",
|
||||
"2947",
|
||||
"2010\/03\/11",
|
||||
"$850,000"
|
||||
],
|
||||
[
|
||||
"Shou Itou",
|
||||
"Regional Marketing",
|
||||
"Tokyo",
|
||||
"8899",
|
||||
"2011\/08\/14",
|
||||
"$163,000"
|
||||
],
|
||||
[
|
||||
"Michelle House",
|
||||
"Integration Specialist",
|
||||
"Sidney",
|
||||
"2769",
|
||||
"2011\/06\/02",
|
||||
"$95,400"
|
||||
],
|
||||
[
|
||||
"Suki Burks",
|
||||
"Developer",
|
||||
"London",
|
||||
"6832",
|
||||
"2009\/10\/22",
|
||||
"$114,500"
|
||||
],
|
||||
[
|
||||
"Prescott Bartlett",
|
||||
"Technical Author",
|
||||
"London",
|
||||
"3606",
|
||||
"2011\/05\/07",
|
||||
"$145,000"
|
||||
],
|
||||
[
|
||||
"Gavin Cortez",
|
||||
"Team Leader",
|
||||
"San Francisco",
|
||||
"2860",
|
||||
"2008\/10\/26",
|
||||
"$235,500"
|
||||
],
|
||||
[
|
||||
"Martena Mccray",
|
||||
"Post-Sales support",
|
||||
"Edinburgh",
|
||||
"8240",
|
||||
"2011\/03\/09",
|
||||
"$324,050"
|
||||
],
|
||||
[
|
||||
"Unity Butler",
|
||||
"Marketing Designer",
|
||||
"San Francisco",
|
||||
"5384",
|
||||
"2009\/12\/09",
|
||||
"$85,675"
|
||||
],
|
||||
[
|
||||
"Howard Hatfield",
|
||||
"Office Manager",
|
||||
"San Francisco",
|
||||
"7031",
|
||||
"2008\/12\/16",
|
||||
"$164,500"
|
||||
],
|
||||
[
|
||||
"Hope Fuentes",
|
||||
"Secretary",
|
||||
"San Francisco",
|
||||
"6318",
|
||||
"2010\/02\/12",
|
||||
"$109,850"
|
||||
],
|
||||
[
|
||||
"Vivian Harrell",
|
||||
"Financial Controller",
|
||||
"San Francisco",
|
||||
"9422",
|
||||
"2009\/02\/14",
|
||||
"$452,500"
|
||||
],
|
||||
[
|
||||
"Timothy Mooney",
|
||||
"Office Manager",
|
||||
"London",
|
||||
"7580",
|
||||
"2008\/12\/11",
|
||||
"$136,200"
|
||||
],
|
||||
[
|
||||
"Jackson Bradshaw",
|
||||
"Director",
|
||||
"New York",
|
||||
"1042",
|
||||
"2008\/09\/26",
|
||||
"$645,750"
|
||||
],
|
||||
[
|
||||
"Olivia Liang",
|
||||
"Support Engineer",
|
||||
"Singapore",
|
||||
"2120",
|
||||
"2011\/02\/03",
|
||||
"$234,500"
|
||||
],
|
||||
[
|
||||
"Bruno Nash",
|
||||
"Software Engineer",
|
||||
"London",
|
||||
"6222",
|
||||
"2011\/05\/03",
|
||||
"$163,500"
|
||||
],
|
||||
[
|
||||
"Sakura Yamamoto",
|
||||
"Support Engineer",
|
||||
"Tokyo",
|
||||
"9383",
|
||||
"2009\/08\/19",
|
||||
"$139,575"
|
||||
],
|
||||
[
|
||||
"Thor Walton",
|
||||
"Developer",
|
||||
"New York",
|
||||
"8327",
|
||||
"2013\/08\/11",
|
||||
"$98,540"
|
||||
],
|
||||
[
|
||||
"Finn Camacho",
|
||||
"Support Engineer",
|
||||
"San Francisco",
|
||||
"2927",
|
||||
"2009\/07\/07",
|
||||
"$87,500"
|
||||
],
|
||||
[
|
||||
"Serge Baldwin",
|
||||
"Data Coordinator",
|
||||
"Singapore",
|
||||
"8352",
|
||||
"2012\/04\/09",
|
||||
"$138,575"
|
||||
],
|
||||
[
|
||||
"Zenaida Frank",
|
||||
"Software Engineer",
|
||||
"New York",
|
||||
"7439",
|
||||
"2010\/01\/04",
|
||||
"$125,250"
|
||||
],
|
||||
[
|
||||
"Zorita Serrano",
|
||||
"Software Engineer",
|
||||
"San Francisco",
|
||||
"4389",
|
||||
"2012\/06\/01",
|
||||
"$115,000"
|
||||
],
|
||||
[
|
||||
"Jennifer Acosta",
|
||||
"Junior Javascript Developer",
|
||||
"Edinburgh",
|
||||
"3431",
|
||||
"2013\/02\/01",
|
||||
"$75,650"
|
||||
],
|
||||
[
|
||||
"Cara Stevens",
|
||||
"Sales Assistant",
|
||||
"New York",
|
||||
"3990",
|
||||
"2011\/12\/06",
|
||||
"$145,600"
|
||||
],
|
||||
[
|
||||
"Hermione Butler",
|
||||
"Regional Director",
|
||||
"London",
|
||||
"1016",
|
||||
"2011\/03\/21",
|
||||
"$356,250"
|
||||
],
|
||||
[
|
||||
"Lael Greer",
|
||||
"Systems Administrator",
|
||||
"London",
|
||||
"6733",
|
||||
"2009\/02\/27",
|
||||
"$103,500"
|
||||
],
|
||||
[
|
||||
"Jonas Alexander",
|
||||
"Developer",
|
||||
"San Francisco",
|
||||
"8196",
|
||||
"2010\/07\/14",
|
||||
"$86,500"
|
||||
],
|
||||
[
|
||||
"Shad Decker",
|
||||
"Regional Director",
|
||||
"Edinburgh",
|
||||
"6373",
|
||||
"2008\/11\/13",
|
||||
"$183,000"
|
||||
],
|
||||
[
|
||||
"Michael Bruce",
|
||||
"Javascript Developer",
|
||||
"Singapore",
|
||||
"5384",
|
||||
"2011\/06\/27",
|
||||
"$183,000"
|
||||
],
|
||||
[
|
||||
"Donna Snider",
|
||||
"Customer Support",
|
||||
"New York",
|
||||
"4226",
|
||||
"2011\/01\/25",
|
||||
"$112,000"
|
||||
]
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,460 @@
|
||||
{
|
||||
"demo": [
|
||||
[
|
||||
"Tiger Nixon",
|
||||
"System Architect",
|
||||
"Edinburgh",
|
||||
"5421",
|
||||
"2011\/04\/25",
|
||||
"$320,800"
|
||||
],
|
||||
[
|
||||
"Garrett Winters",
|
||||
"Accountant",
|
||||
"Tokyo",
|
||||
"8422",
|
||||
"2011\/07\/25",
|
||||
"$170,750"
|
||||
],
|
||||
[
|
||||
"Ashton Cox",
|
||||
"Junior Technical Author",
|
||||
"San Francisco",
|
||||
"1562",
|
||||
"2009\/01\/12",
|
||||
"$86,000"
|
||||
],
|
||||
[
|
||||
"Cedric Kelly",
|
||||
"Senior Javascript Developer",
|
||||
"Edinburgh",
|
||||
"6224",
|
||||
"2012\/03\/29",
|
||||
"$433,060"
|
||||
],
|
||||
[
|
||||
"Airi Satou",
|
||||
"Accountant",
|
||||
"Tokyo",
|
||||
"5407",
|
||||
"2008\/11\/28",
|
||||
"$162,700"
|
||||
],
|
||||
[
|
||||
"Brielle Williamson",
|
||||
"Integration Specialist",
|
||||
"New York",
|
||||
"4804",
|
||||
"2012\/12\/02",
|
||||
"$372,000"
|
||||
],
|
||||
[
|
||||
"Herrod Chandler",
|
||||
"Sales Assistant",
|
||||
"San Francisco",
|
||||
"9608",
|
||||
"2012\/08\/06",
|
||||
"$137,500"
|
||||
],
|
||||
[
|
||||
"Rhona Davidson",
|
||||
"Integration Specialist",
|
||||
"Tokyo",
|
||||
"6200",
|
||||
"2010\/10\/14",
|
||||
"$327,900"
|
||||
],
|
||||
[
|
||||
"Colleen Hurst",
|
||||
"Javascript Developer",
|
||||
"San Francisco",
|
||||
"2360",
|
||||
"2009\/09\/15",
|
||||
"$205,500"
|
||||
],
|
||||
[
|
||||
"Sonya Frost",
|
||||
"Software Engineer",
|
||||
"Edinburgh",
|
||||
"1667",
|
||||
"2008\/12\/13",
|
||||
"$103,600"
|
||||
],
|
||||
[
|
||||
"Jena Gaines",
|
||||
"Office Manager",
|
||||
"London",
|
||||
"3814",
|
||||
"2008\/12\/19",
|
||||
"$90,560"
|
||||
],
|
||||
[
|
||||
"Quinn Flynn",
|
||||
"Support Lead",
|
||||
"Edinburgh",
|
||||
"9497",
|
||||
"2013\/03\/03",
|
||||
"$342,000"
|
||||
],
|
||||
[
|
||||
"Charde Marshall",
|
||||
"Regional Director",
|
||||
"San Francisco",
|
||||
"6741",
|
||||
"2008\/10\/16",
|
||||
"$470,600"
|
||||
],
|
||||
[
|
||||
"Haley Kennedy",
|
||||
"Senior Marketing Designer",
|
||||
"London",
|
||||
"3597",
|
||||
"2012\/12\/18",
|
||||
"$313,500"
|
||||
],
|
||||
[
|
||||
"Tatyana Fitzpatrick",
|
||||
"Regional Director",
|
||||
"London",
|
||||
"1965",
|
||||
"2010\/03\/17",
|
||||
"$385,750"
|
||||
],
|
||||
[
|
||||
"Michael Silva",
|
||||
"Marketing Designer",
|
||||
"London",
|
||||
"1581",
|
||||
"2012\/11\/27",
|
||||
"$198,500"
|
||||
],
|
||||
[
|
||||
"Paul Byrd",
|
||||
"Chief Financial Officer (CFO)",
|
||||
"New York",
|
||||
"3059",
|
||||
"2010\/06\/09",
|
||||
"$725,000"
|
||||
],
|
||||
[
|
||||
"Gloria Little",
|
||||
"Systems Administrator",
|
||||
"New York",
|
||||
"1721",
|
||||
"2009\/04\/10",
|
||||
"$237,500"
|
||||
],
|
||||
[
|
||||
"Bradley Greer",
|
||||
"Software Engineer",
|
||||
"London",
|
||||
"2558",
|
||||
"2012\/10\/13",
|
||||
"$132,000"
|
||||
],
|
||||
[
|
||||
"Dai Rios",
|
||||
"Personnel Lead",
|
||||
"Edinburgh",
|
||||
"2290",
|
||||
"2012\/09\/26",
|
||||
"$217,500"
|
||||
],
|
||||
[
|
||||
"Jenette Caldwell",
|
||||
"Development Lead",
|
||||
"New York",
|
||||
"1937",
|
||||
"2011\/09\/03",
|
||||
"$345,000"
|
||||
],
|
||||
[
|
||||
"Yuri Berry",
|
||||
"Chief Marketing Officer (CMO)",
|
||||
"New York",
|
||||
"6154",
|
||||
"2009\/06\/25",
|
||||
"$675,000"
|
||||
],
|
||||
[
|
||||
"Caesar Vance",
|
||||
"Pre-Sales Support",
|
||||
"New York",
|
||||
"8330",
|
||||
"2011\/12\/12",
|
||||
"$106,450"
|
||||
],
|
||||
[
|
||||
"Doris Wilder",
|
||||
"Sales Assistant",
|
||||
"Sidney",
|
||||
"3023",
|
||||
"2010\/09\/20",
|
||||
"$85,600"
|
||||
],
|
||||
[
|
||||
"Angelica Ramos",
|
||||
"Chief Executive Officer (CEO)",
|
||||
"London",
|
||||
"5797",
|
||||
"2009\/10\/09",
|
||||
"$1,200,000"
|
||||
],
|
||||
[
|
||||
"Gavin Joyce",
|
||||
"Developer",
|
||||
"Edinburgh",
|
||||
"8822",
|
||||
"2010\/12\/22",
|
||||
"$92,575"
|
||||
],
|
||||
[
|
||||
"Jennifer Chang",
|
||||
"Regional Director",
|
||||
"Singapore",
|
||||
"9239",
|
||||
"2010\/11\/14",
|
||||
"$357,650"
|
||||
],
|
||||
[
|
||||
"Brenden Wagner",
|
||||
"Software Engineer",
|
||||
"San Francisco",
|
||||
"1314",
|
||||
"2011\/06\/07",
|
||||
"$206,850"
|
||||
],
|
||||
[
|
||||
"Fiona Green",
|
||||
"Chief Operating Officer (COO)",
|
||||
"San Francisco",
|
||||
"2947",
|
||||
"2010\/03\/11",
|
||||
"$850,000"
|
||||
],
|
||||
[
|
||||
"Shou Itou",
|
||||
"Regional Marketing",
|
||||
"Tokyo",
|
||||
"8899",
|
||||
"2011\/08\/14",
|
||||
"$163,000"
|
||||
],
|
||||
[
|
||||
"Michelle House",
|
||||
"Integration Specialist",
|
||||
"Sidney",
|
||||
"2769",
|
||||
"2011\/06\/02",
|
||||
"$95,400"
|
||||
],
|
||||
[
|
||||
"Suki Burks",
|
||||
"Developer",
|
||||
"London",
|
||||
"6832",
|
||||
"2009\/10\/22",
|
||||
"$114,500"
|
||||
],
|
||||
[
|
||||
"Prescott Bartlett",
|
||||
"Technical Author",
|
||||
"London",
|
||||
"3606",
|
||||
"2011\/05\/07",
|
||||
"$145,000"
|
||||
],
|
||||
[
|
||||
"Gavin Cortez",
|
||||
"Team Leader",
|
||||
"San Francisco",
|
||||
"2860",
|
||||
"2008\/10\/26",
|
||||
"$235,500"
|
||||
],
|
||||
[
|
||||
"Martena Mccray",
|
||||
"Post-Sales support",
|
||||
"Edinburgh",
|
||||
"8240",
|
||||
"2011\/03\/09",
|
||||
"$324,050"
|
||||
],
|
||||
[
|
||||
"Unity Butler",
|
||||
"Marketing Designer",
|
||||
"San Francisco",
|
||||
"5384",
|
||||
"2009\/12\/09",
|
||||
"$85,675"
|
||||
],
|
||||
[
|
||||
"Howard Hatfield",
|
||||
"Office Manager",
|
||||
"San Francisco",
|
||||
"7031",
|
||||
"2008\/12\/16",
|
||||
"$164,500"
|
||||
],
|
||||
[
|
||||
"Hope Fuentes",
|
||||
"Secretary",
|
||||
"San Francisco",
|
||||
"6318",
|
||||
"2010\/02\/12",
|
||||
"$109,850"
|
||||
],
|
||||
[
|
||||
"Vivian Harrell",
|
||||
"Financial Controller",
|
||||
"San Francisco",
|
||||
"9422",
|
||||
"2009\/02\/14",
|
||||
"$452,500"
|
||||
],
|
||||
[
|
||||
"Timothy Mooney",
|
||||
"Office Manager",
|
||||
"London",
|
||||
"7580",
|
||||
"2008\/12\/11",
|
||||
"$136,200"
|
||||
],
|
||||
[
|
||||
"Jackson Bradshaw",
|
||||
"Director",
|
||||
"New York",
|
||||
"1042",
|
||||
"2008\/09\/26",
|
||||
"$645,750"
|
||||
],
|
||||
[
|
||||
"Olivia Liang",
|
||||
"Support Engineer",
|
||||
"Singapore",
|
||||
"2120",
|
||||
"2011\/02\/03",
|
||||
"$234,500"
|
||||
],
|
||||
[
|
||||
"Bruno Nash",
|
||||
"Software Engineer",
|
||||
"London",
|
||||
"6222",
|
||||
"2011\/05\/03",
|
||||
"$163,500"
|
||||
],
|
||||
[
|
||||
"Sakura Yamamoto",
|
||||
"Support Engineer",
|
||||
"Tokyo",
|
||||
"9383",
|
||||
"2009\/08\/19",
|
||||
"$139,575"
|
||||
],
|
||||
[
|
||||
"Thor Walton",
|
||||
"Developer",
|
||||
"New York",
|
||||
"8327",
|
||||
"2013\/08\/11",
|
||||
"$98,540"
|
||||
],
|
||||
[
|
||||
"Finn Camacho",
|
||||
"Support Engineer",
|
||||
"San Francisco",
|
||||
"2927",
|
||||
"2009\/07\/07",
|
||||
"$87,500"
|
||||
],
|
||||
[
|
||||
"Serge Baldwin",
|
||||
"Data Coordinator",
|
||||
"Singapore",
|
||||
"8352",
|
||||
"2012\/04\/09",
|
||||
"$138,575"
|
||||
],
|
||||
[
|
||||
"Zenaida Frank",
|
||||
"Software Engineer",
|
||||
"New York",
|
||||
"7439",
|
||||
"2010\/01\/04",
|
||||
"$125,250"
|
||||
],
|
||||
[
|
||||
"Zorita Serrano",
|
||||
"Software Engineer",
|
||||
"San Francisco",
|
||||
"4389",
|
||||
"2012\/06\/01",
|
||||
"$115,000"
|
||||
],
|
||||
[
|
||||
"Jennifer Acosta",
|
||||
"Junior Javascript Developer",
|
||||
"Edinburgh",
|
||||
"3431",
|
||||
"2013\/02\/01",
|
||||
"$75,650"
|
||||
],
|
||||
[
|
||||
"Cara Stevens",
|
||||
"Sales Assistant",
|
||||
"New York",
|
||||
"3990",
|
||||
"2011\/12\/06",
|
||||
"$145,600"
|
||||
],
|
||||
[
|
||||
"Hermione Butler",
|
||||
"Regional Director",
|
||||
"London",
|
||||
"1016",
|
||||
"2011\/03\/21",
|
||||
"$356,250"
|
||||
],
|
||||
[
|
||||
"Lael Greer",
|
||||
"Systems Administrator",
|
||||
"London",
|
||||
"6733",
|
||||
"2009\/02\/27",
|
||||
"$103,500"
|
||||
],
|
||||
[
|
||||
"Jonas Alexander",
|
||||
"Developer",
|
||||
"San Francisco",
|
||||
"8196",
|
||||
"2010\/07\/14",
|
||||
"$86,500"
|
||||
],
|
||||
[
|
||||
"Shad Decker",
|
||||
"Regional Director",
|
||||
"Edinburgh",
|
||||
"6373",
|
||||
"2008\/11\/13",
|
||||
"$183,000"
|
||||
],
|
||||
[
|
||||
"Michael Bruce",
|
||||
"Javascript Developer",
|
||||
"Singapore",
|
||||
"5384",
|
||||
"2011\/06\/27",
|
||||
"$183,000"
|
||||
],
|
||||
[
|
||||
"Donna Snider",
|
||||
"Customer Support",
|
||||
"New York",
|
||||
"4226",
|
||||
"2011\/01\/25",
|
||||
"$112,000"
|
||||
]
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,688 @@
|
||||
{
|
||||
"data": [
|
||||
{
|
||||
"0": "Tiger Nixon",
|
||||
"hr": {
|
||||
"position": "System Architect",
|
||||
"salary": "$320,800",
|
||||
"start_date": "2011\/04\/25"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Edinburgh",
|
||||
"extn": "5421"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Garrett Winters",
|
||||
"hr": {
|
||||
"position": "Accountant",
|
||||
"salary": "$170,750",
|
||||
"start_date": "2011\/07\/25"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Tokyo",
|
||||
"extn": "8422"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Ashton Cox",
|
||||
"hr": {
|
||||
"position": "Junior Technical Author",
|
||||
"salary": "$86,000",
|
||||
"start_date": "2009\/01\/12"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "1562"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Cedric Kelly",
|
||||
"hr": {
|
||||
"position": "Senior Javascript Developer",
|
||||
"salary": "$433,060",
|
||||
"start_date": "2012\/03\/29"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Edinburgh",
|
||||
"extn": "6224"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Airi Satou",
|
||||
"hr": {
|
||||
"position": "Accountant",
|
||||
"salary": "$162,700",
|
||||
"start_date": "2008\/11\/28"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Tokyo",
|
||||
"extn": "5407"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Brielle Williamson",
|
||||
"hr": {
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$372,000",
|
||||
"start_date": "2012\/12\/02"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "4804"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Herrod Chandler",
|
||||
"hr": {
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$137,500",
|
||||
"start_date": "2012\/08\/06"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "9608"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Rhona Davidson",
|
||||
"hr": {
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$327,900",
|
||||
"start_date": "2010\/10\/14"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Tokyo",
|
||||
"extn": "6200"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Colleen Hurst",
|
||||
"hr": {
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$205,500",
|
||||
"start_date": "2009\/09\/15"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "2360"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Sonya Frost",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$103,600",
|
||||
"start_date": "2008\/12\/13"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Edinburgh",
|
||||
"extn": "1667"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Jena Gaines",
|
||||
"hr": {
|
||||
"position": "Office Manager",
|
||||
"salary": "$90,560",
|
||||
"start_date": "2008\/12\/19"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "3814"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Quinn Flynn",
|
||||
"hr": {
|
||||
"position": "Support Lead",
|
||||
"salary": "$342,000",
|
||||
"start_date": "2013\/03\/03"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Edinburgh",
|
||||
"extn": "9497"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Charde Marshall",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$470,600",
|
||||
"start_date": "2008\/10\/16"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "6741"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Haley Kennedy",
|
||||
"hr": {
|
||||
"position": "Senior Marketing Designer",
|
||||
"salary": "$313,500",
|
||||
"start_date": "2012\/12\/18"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "3597"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Tatyana Fitzpatrick",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$385,750",
|
||||
"start_date": "2010\/03\/17"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "1965"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Michael Silva",
|
||||
"hr": {
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$198,500",
|
||||
"start_date": "2012\/11\/27"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "1581"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Paul Byrd",
|
||||
"hr": {
|
||||
"position": "Chief Financial Officer (CFO)",
|
||||
"salary": "$725,000",
|
||||
"start_date": "2010\/06\/09"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "3059"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Gloria Little",
|
||||
"hr": {
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$237,500",
|
||||
"start_date": "2009\/04\/10"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "1721"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Bradley Greer",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$132,000",
|
||||
"start_date": "2012\/10\/13"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "2558"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Dai Rios",
|
||||
"hr": {
|
||||
"position": "Personnel Lead",
|
||||
"salary": "$217,500",
|
||||
"start_date": "2012\/09\/26"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Edinburgh",
|
||||
"extn": "2290"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Jenette Caldwell",
|
||||
"hr": {
|
||||
"position": "Development Lead",
|
||||
"salary": "$345,000",
|
||||
"start_date": "2011\/09\/03"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "1937"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Yuri Berry",
|
||||
"hr": {
|
||||
"position": "Chief Marketing Officer (CMO)",
|
||||
"salary": "$675,000",
|
||||
"start_date": "2009\/06\/25"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "6154"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Caesar Vance",
|
||||
"hr": {
|
||||
"position": "Pre-Sales Support",
|
||||
"salary": "$106,450",
|
||||
"start_date": "2011\/12\/12"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "8330"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Doris Wilder",
|
||||
"hr": {
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$85,600",
|
||||
"start_date": "2010\/09\/20"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Sidney",
|
||||
"extn": "3023"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Angelica Ramos",
|
||||
"hr": {
|
||||
"position": "Chief Executive Officer (CEO)",
|
||||
"salary": "$1,200,000",
|
||||
"start_date": "2009\/10\/09"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "5797"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Gavin Joyce",
|
||||
"hr": {
|
||||
"position": "Developer",
|
||||
"salary": "$92,575",
|
||||
"start_date": "2010\/12\/22"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Edinburgh",
|
||||
"extn": "8822"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Jennifer Chang",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$357,650",
|
||||
"start_date": "2010\/11\/14"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Singapore",
|
||||
"extn": "9239"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Brenden Wagner",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$206,850",
|
||||
"start_date": "2011\/06\/07"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "1314"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Fiona Green",
|
||||
"hr": {
|
||||
"position": "Chief Operating Officer (COO)",
|
||||
"salary": "$850,000",
|
||||
"start_date": "2010\/03\/11"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "2947"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Shou Itou",
|
||||
"hr": {
|
||||
"position": "Regional Marketing",
|
||||
"salary": "$163,000",
|
||||
"start_date": "2011\/08\/14"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Tokyo",
|
||||
"extn": "8899"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Michelle House",
|
||||
"hr": {
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$95,400",
|
||||
"start_date": "2011\/06\/02"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Sidney",
|
||||
"extn": "2769"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Suki Burks",
|
||||
"hr": {
|
||||
"position": "Developer",
|
||||
"salary": "$114,500",
|
||||
"start_date": "2009\/10\/22"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "6832"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Prescott Bartlett",
|
||||
"hr": {
|
||||
"position": "Technical Author",
|
||||
"salary": "$145,000",
|
||||
"start_date": "2011\/05\/07"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "3606"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Gavin Cortez",
|
||||
"hr": {
|
||||
"position": "Team Leader",
|
||||
"salary": "$235,500",
|
||||
"start_date": "2008\/10\/26"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "2860"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Martena Mccray",
|
||||
"hr": {
|
||||
"position": "Post-Sales support",
|
||||
"salary": "$324,050",
|
||||
"start_date": "2011\/03\/09"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Edinburgh",
|
||||
"extn": "8240"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Unity Butler",
|
||||
"hr": {
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$85,675",
|
||||
"start_date": "2009\/12\/09"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "5384"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Howard Hatfield",
|
||||
"hr": {
|
||||
"position": "Office Manager",
|
||||
"salary": "$164,500",
|
||||
"start_date": "2008\/12\/16"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "7031"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Hope Fuentes",
|
||||
"hr": {
|
||||
"position": "Secretary",
|
||||
"salary": "$109,850",
|
||||
"start_date": "2010\/02\/12"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "6318"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Vivian Harrell",
|
||||
"hr": {
|
||||
"position": "Financial Controller",
|
||||
"salary": "$452,500",
|
||||
"start_date": "2009\/02\/14"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "9422"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Timothy Mooney",
|
||||
"hr": {
|
||||
"position": "Office Manager",
|
||||
"salary": "$136,200",
|
||||
"start_date": "2008\/12\/11"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "7580"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Jackson Bradshaw",
|
||||
"hr": {
|
||||
"position": "Director",
|
||||
"salary": "$645,750",
|
||||
"start_date": "2008\/09\/26"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "1042"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Olivia Liang",
|
||||
"hr": {
|
||||
"position": "Support Engineer",
|
||||
"salary": "$234,500",
|
||||
"start_date": "2011\/02\/03"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Singapore",
|
||||
"extn": "2120"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Bruno Nash",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$163,500",
|
||||
"start_date": "2011\/05\/03"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "6222"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Sakura Yamamoto",
|
||||
"hr": {
|
||||
"position": "Support Engineer",
|
||||
"salary": "$139,575",
|
||||
"start_date": "2009\/08\/19"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Tokyo",
|
||||
"extn": "9383"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Thor Walton",
|
||||
"hr": {
|
||||
"position": "Developer",
|
||||
"salary": "$98,540",
|
||||
"start_date": "2013\/08\/11"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "8327"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Finn Camacho",
|
||||
"hr": {
|
||||
"position": "Support Engineer",
|
||||
"salary": "$87,500",
|
||||
"start_date": "2009\/07\/07"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "2927"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Serge Baldwin",
|
||||
"hr": {
|
||||
"position": "Data Coordinator",
|
||||
"salary": "$138,575",
|
||||
"start_date": "2012\/04\/09"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Singapore",
|
||||
"extn": "8352"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Zenaida Frank",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$125,250",
|
||||
"start_date": "2010\/01\/04"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "7439"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Zorita Serrano",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$115,000",
|
||||
"start_date": "2012\/06\/01"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "4389"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Jennifer Acosta",
|
||||
"hr": {
|
||||
"position": "Junior Javascript Developer",
|
||||
"salary": "$75,650",
|
||||
"start_date": "2013\/02\/01"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Edinburgh",
|
||||
"extn": "3431"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Cara Stevens",
|
||||
"hr": {
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$145,600",
|
||||
"start_date": "2011\/12\/06"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "3990"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Hermione Butler",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$356,250",
|
||||
"start_date": "2011\/03\/21"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "1016"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Lael Greer",
|
||||
"hr": {
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$103,500",
|
||||
"start_date": "2009\/02\/27"
|
||||
},
|
||||
"contact": {
|
||||
"office": "London",
|
||||
"extn": "6733"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Jonas Alexander",
|
||||
"hr": {
|
||||
"position": "Developer",
|
||||
"salary": "$86,500",
|
||||
"start_date": "2010\/07\/14"
|
||||
},
|
||||
"contact": {
|
||||
"office": "San Francisco",
|
||||
"extn": "8196"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Shad Decker",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$183,000",
|
||||
"start_date": "2008\/11\/13"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Edinburgh",
|
||||
"extn": "6373"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Michael Bruce",
|
||||
"hr": {
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$183,000",
|
||||
"start_date": "2011\/06\/27"
|
||||
},
|
||||
"contact": {
|
||||
"office": "Singapore",
|
||||
"extn": "5384"
|
||||
}
|
||||
},
|
||||
{
|
||||
"0": "Donna Snider",
|
||||
"hr": {
|
||||
"position": "Customer Support",
|
||||
"salary": "$112,000",
|
||||
"start_date": "2011\/01\/25"
|
||||
},
|
||||
"contact": {
|
||||
"office": "New York",
|
||||
"extn": "4226"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,460 @@
|
||||
{
|
||||
"data": [
|
||||
{
|
||||
"name": "Tiger Nixon",
|
||||
"position": "System Architect",
|
||||
"salary": "$320,800",
|
||||
"start_date": "2011\/04\/25",
|
||||
"office": "Edinburgh",
|
||||
"extn": "5421"
|
||||
},
|
||||
{
|
||||
"name": "Garrett Winters",
|
||||
"position": "Accountant",
|
||||
"salary": "$170,750",
|
||||
"start_date": "2011\/07\/25",
|
||||
"office": "Tokyo",
|
||||
"extn": "8422"
|
||||
},
|
||||
{
|
||||
"name": "Ashton Cox",
|
||||
"position": "Junior Technical Author",
|
||||
"salary": "$86,000",
|
||||
"start_date": "2009\/01\/12",
|
||||
"office": "San Francisco",
|
||||
"extn": "1562"
|
||||
},
|
||||
{
|
||||
"name": "Cedric Kelly",
|
||||
"position": "Senior Javascript Developer",
|
||||
"salary": "$433,060",
|
||||
"start_date": "2012\/03\/29",
|
||||
"office": "Edinburgh",
|
||||
"extn": "6224"
|
||||
},
|
||||
{
|
||||
"name": "Airi Satou",
|
||||
"position": "Accountant",
|
||||
"salary": "$162,700",
|
||||
"start_date": "2008\/11\/28",
|
||||
"office": "Tokyo",
|
||||
"extn": "5407"
|
||||
},
|
||||
{
|
||||
"name": "Brielle Williamson",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$372,000",
|
||||
"start_date": "2012\/12\/02",
|
||||
"office": "New York",
|
||||
"extn": "4804"
|
||||
},
|
||||
{
|
||||
"name": "Herrod Chandler",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$137,500",
|
||||
"start_date": "2012\/08\/06",
|
||||
"office": "San Francisco",
|
||||
"extn": "9608"
|
||||
},
|
||||
{
|
||||
"name": "Rhona Davidson",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$327,900",
|
||||
"start_date": "2010\/10\/14",
|
||||
"office": "Tokyo",
|
||||
"extn": "6200"
|
||||
},
|
||||
{
|
||||
"name": "Colleen Hurst",
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$205,500",
|
||||
"start_date": "2009\/09\/15",
|
||||
"office": "San Francisco",
|
||||
"extn": "2360"
|
||||
},
|
||||
{
|
||||
"name": "Sonya Frost",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$103,600",
|
||||
"start_date": "2008\/12\/13",
|
||||
"office": "Edinburgh",
|
||||
"extn": "1667"
|
||||
},
|
||||
{
|
||||
"name": "Jena Gaines",
|
||||
"position": "Office Manager",
|
||||
"salary": "$90,560",
|
||||
"start_date": "2008\/12\/19",
|
||||
"office": "London",
|
||||
"extn": "3814"
|
||||
},
|
||||
{
|
||||
"name": "Quinn Flynn",
|
||||
"position": "Support Lead",
|
||||
"salary": "$342,000",
|
||||
"start_date": "2013\/03\/03",
|
||||
"office": "Edinburgh",
|
||||
"extn": "9497"
|
||||
},
|
||||
{
|
||||
"name": "Charde Marshall",
|
||||
"position": "Regional Director",
|
||||
"salary": "$470,600",
|
||||
"start_date": "2008\/10\/16",
|
||||
"office": "San Francisco",
|
||||
"extn": "6741"
|
||||
},
|
||||
{
|
||||
"name": "Haley Kennedy",
|
||||
"position": "Senior Marketing Designer",
|
||||
"salary": "$313,500",
|
||||
"start_date": "2012\/12\/18",
|
||||
"office": "London",
|
||||
"extn": "3597"
|
||||
},
|
||||
{
|
||||
"name": "Tatyana Fitzpatrick",
|
||||
"position": "Regional Director",
|
||||
"salary": "$385,750",
|
||||
"start_date": "2010\/03\/17",
|
||||
"office": "London",
|
||||
"extn": "1965"
|
||||
},
|
||||
{
|
||||
"name": "Michael Silva",
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$198,500",
|
||||
"start_date": "2012\/11\/27",
|
||||
"office": "London",
|
||||
"extn": "1581"
|
||||
},
|
||||
{
|
||||
"name": "Paul Byrd",
|
||||
"position": "Chief Financial Officer (CFO)",
|
||||
"salary": "$725,000",
|
||||
"start_date": "2010\/06\/09",
|
||||
"office": "New York",
|
||||
"extn": "3059"
|
||||
},
|
||||
{
|
||||
"name": "Gloria Little",
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$237,500",
|
||||
"start_date": "2009\/04\/10",
|
||||
"office": "New York",
|
||||
"extn": "1721"
|
||||
},
|
||||
{
|
||||
"name": "Bradley Greer",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$132,000",
|
||||
"start_date": "2012\/10\/13",
|
||||
"office": "London",
|
||||
"extn": "2558"
|
||||
},
|
||||
{
|
||||
"name": "Dai Rios",
|
||||
"position": "Personnel Lead",
|
||||
"salary": "$217,500",
|
||||
"start_date": "2012\/09\/26",
|
||||
"office": "Edinburgh",
|
||||
"extn": "2290"
|
||||
},
|
||||
{
|
||||
"name": "Jenette Caldwell",
|
||||
"position": "Development Lead",
|
||||
"salary": "$345,000",
|
||||
"start_date": "2011\/09\/03",
|
||||
"office": "New York",
|
||||
"extn": "1937"
|
||||
},
|
||||
{
|
||||
"name": "Yuri Berry",
|
||||
"position": "Chief Marketing Officer (CMO)",
|
||||
"salary": "$675,000",
|
||||
"start_date": "2009\/06\/25",
|
||||
"office": "New York",
|
||||
"extn": "6154"
|
||||
},
|
||||
{
|
||||
"name": "Caesar Vance",
|
||||
"position": "Pre-Sales Support",
|
||||
"salary": "$106,450",
|
||||
"start_date": "2011\/12\/12",
|
||||
"office": "New York",
|
||||
"extn": "8330"
|
||||
},
|
||||
{
|
||||
"name": "Doris Wilder",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$85,600",
|
||||
"start_date": "2010\/09\/20",
|
||||
"office": "Sidney",
|
||||
"extn": "3023"
|
||||
},
|
||||
{
|
||||
"name": "Angelica Ramos",
|
||||
"position": "Chief Executive Officer (CEO)",
|
||||
"salary": "$1,200,000",
|
||||
"start_date": "2009\/10\/09",
|
||||
"office": "London",
|
||||
"extn": "5797"
|
||||
},
|
||||
{
|
||||
"name": "Gavin Joyce",
|
||||
"position": "Developer",
|
||||
"salary": "$92,575",
|
||||
"start_date": "2010\/12\/22",
|
||||
"office": "Edinburgh",
|
||||
"extn": "8822"
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Chang",
|
||||
"position": "Regional Director",
|
||||
"salary": "$357,650",
|
||||
"start_date": "2010\/11\/14",
|
||||
"office": "Singapore",
|
||||
"extn": "9239"
|
||||
},
|
||||
{
|
||||
"name": "Brenden Wagner",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$206,850",
|
||||
"start_date": "2011\/06\/07",
|
||||
"office": "San Francisco",
|
||||
"extn": "1314"
|
||||
},
|
||||
{
|
||||
"name": "Fiona Green",
|
||||
"position": "Chief Operating Officer (COO)",
|
||||
"salary": "$850,000",
|
||||
"start_date": "2010\/03\/11",
|
||||
"office": "San Francisco",
|
||||
"extn": "2947"
|
||||
},
|
||||
{
|
||||
"name": "Shou Itou",
|
||||
"position": "Regional Marketing",
|
||||
"salary": "$163,000",
|
||||
"start_date": "2011\/08\/14",
|
||||
"office": "Tokyo",
|
||||
"extn": "8899"
|
||||
},
|
||||
{
|
||||
"name": "Michelle House",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$95,400",
|
||||
"start_date": "2011\/06\/02",
|
||||
"office": "Sidney",
|
||||
"extn": "2769"
|
||||
},
|
||||
{
|
||||
"name": "Suki Burks",
|
||||
"position": "Developer",
|
||||
"salary": "$114,500",
|
||||
"start_date": "2009\/10\/22",
|
||||
"office": "London",
|
||||
"extn": "6832"
|
||||
},
|
||||
{
|
||||
"name": "Prescott Bartlett",
|
||||
"position": "Technical Author",
|
||||
"salary": "$145,000",
|
||||
"start_date": "2011\/05\/07",
|
||||
"office": "London",
|
||||
"extn": "3606"
|
||||
},
|
||||
{
|
||||
"name": "Gavin Cortez",
|
||||
"position": "Team Leader",
|
||||
"salary": "$235,500",
|
||||
"start_date": "2008\/10\/26",
|
||||
"office": "San Francisco",
|
||||
"extn": "2860"
|
||||
},
|
||||
{
|
||||
"name": "Martena Mccray",
|
||||
"position": "Post-Sales support",
|
||||
"salary": "$324,050",
|
||||
"start_date": "2011\/03\/09",
|
||||
"office": "Edinburgh",
|
||||
"extn": "8240"
|
||||
},
|
||||
{
|
||||
"name": "Unity Butler",
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$85,675",
|
||||
"start_date": "2009\/12\/09",
|
||||
"office": "San Francisco",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": "Howard Hatfield",
|
||||
"position": "Office Manager",
|
||||
"salary": "$164,500",
|
||||
"start_date": "2008\/12\/16",
|
||||
"office": "San Francisco",
|
||||
"extn": "7031"
|
||||
},
|
||||
{
|
||||
"name": "Hope Fuentes",
|
||||
"position": "Secretary",
|
||||
"salary": "$109,850",
|
||||
"start_date": "2010\/02\/12",
|
||||
"office": "San Francisco",
|
||||
"extn": "6318"
|
||||
},
|
||||
{
|
||||
"name": "Vivian Harrell",
|
||||
"position": "Financial Controller",
|
||||
"salary": "$452,500",
|
||||
"start_date": "2009\/02\/14",
|
||||
"office": "San Francisco",
|
||||
"extn": "9422"
|
||||
},
|
||||
{
|
||||
"name": "Timothy Mooney",
|
||||
"position": "Office Manager",
|
||||
"salary": "$136,200",
|
||||
"start_date": "2008\/12\/11",
|
||||
"office": "London",
|
||||
"extn": "7580"
|
||||
},
|
||||
{
|
||||
"name": "Jackson Bradshaw",
|
||||
"position": "Director",
|
||||
"salary": "$645,750",
|
||||
"start_date": "2008\/09\/26",
|
||||
"office": "New York",
|
||||
"extn": "1042"
|
||||
},
|
||||
{
|
||||
"name": "Olivia Liang",
|
||||
"position": "Support Engineer",
|
||||
"salary": "$234,500",
|
||||
"start_date": "2011\/02\/03",
|
||||
"office": "Singapore",
|
||||
"extn": "2120"
|
||||
},
|
||||
{
|
||||
"name": "Bruno Nash",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$163,500",
|
||||
"start_date": "2011\/05\/03",
|
||||
"office": "London",
|
||||
"extn": "6222"
|
||||
},
|
||||
{
|
||||
"name": "Sakura Yamamoto",
|
||||
"position": "Support Engineer",
|
||||
"salary": "$139,575",
|
||||
"start_date": "2009\/08\/19",
|
||||
"office": "Tokyo",
|
||||
"extn": "9383"
|
||||
},
|
||||
{
|
||||
"name": "Thor Walton",
|
||||
"position": "Developer",
|
||||
"salary": "$98,540",
|
||||
"start_date": "2013\/08\/11",
|
||||
"office": "New York",
|
||||
"extn": "8327"
|
||||
},
|
||||
{
|
||||
"name": "Finn Camacho",
|
||||
"position": "Support Engineer",
|
||||
"salary": "$87,500",
|
||||
"start_date": "2009\/07\/07",
|
||||
"office": "San Francisco",
|
||||
"extn": "2927"
|
||||
},
|
||||
{
|
||||
"name": "Serge Baldwin",
|
||||
"position": "Data Coordinator",
|
||||
"salary": "$138,575",
|
||||
"start_date": "2012\/04\/09",
|
||||
"office": "Singapore",
|
||||
"extn": "8352"
|
||||
},
|
||||
{
|
||||
"name": "Zenaida Frank",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$125,250",
|
||||
"start_date": "2010\/01\/04",
|
||||
"office": "New York",
|
||||
"extn": "7439"
|
||||
},
|
||||
{
|
||||
"name": "Zorita Serrano",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$115,000",
|
||||
"start_date": "2012\/06\/01",
|
||||
"office": "San Francisco",
|
||||
"extn": "4389"
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Acosta",
|
||||
"position": "Junior Javascript Developer",
|
||||
"salary": "$75,650",
|
||||
"start_date": "2013\/02\/01",
|
||||
"office": "Edinburgh",
|
||||
"extn": "3431"
|
||||
},
|
||||
{
|
||||
"name": "Cara Stevens",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$145,600",
|
||||
"start_date": "2011\/12\/06",
|
||||
"office": "New York",
|
||||
"extn": "3990"
|
||||
},
|
||||
{
|
||||
"name": "Hermione Butler",
|
||||
"position": "Regional Director",
|
||||
"salary": "$356,250",
|
||||
"start_date": "2011\/03\/21",
|
||||
"office": "London",
|
||||
"extn": "1016"
|
||||
},
|
||||
{
|
||||
"name": "Lael Greer",
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$103,500",
|
||||
"start_date": "2009\/02\/27",
|
||||
"office": "London",
|
||||
"extn": "6733"
|
||||
},
|
||||
{
|
||||
"name": "Jonas Alexander",
|
||||
"position": "Developer",
|
||||
"salary": "$86,500",
|
||||
"start_date": "2010\/07\/14",
|
||||
"office": "San Francisco",
|
||||
"extn": "8196"
|
||||
},
|
||||
{
|
||||
"name": "Shad Decker",
|
||||
"position": "Regional Director",
|
||||
"salary": "$183,000",
|
||||
"start_date": "2008\/11\/13",
|
||||
"office": "Edinburgh",
|
||||
"extn": "6373"
|
||||
},
|
||||
{
|
||||
"name": "Michael Bruce",
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$183,000",
|
||||
"start_date": "2011\/06\/27",
|
||||
"office": "Singapore",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": "Donna Snider",
|
||||
"position": "Customer Support",
|
||||
"salary": "$112,000",
|
||||
"start_date": "2011\/01\/25",
|
||||
"office": "New York",
|
||||
"extn": "4226"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,688 @@
|
||||
{
|
||||
"data": [
|
||||
{
|
||||
"name": "Tiger Nixon",
|
||||
"hr": {
|
||||
"position": "System Architect",
|
||||
"salary": "$320,800",
|
||||
"start_date": "2011\/04\/25"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"5421"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Garrett Winters",
|
||||
"hr": {
|
||||
"position": "Accountant",
|
||||
"salary": "$170,750",
|
||||
"start_date": "2011\/07\/25"
|
||||
},
|
||||
"contact": [
|
||||
"Tokyo",
|
||||
"8422"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Ashton Cox",
|
||||
"hr": {
|
||||
"position": "Junior Technical Author",
|
||||
"salary": "$86,000",
|
||||
"start_date": "2009\/01\/12"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"1562"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Cedric Kelly",
|
||||
"hr": {
|
||||
"position": "Senior Javascript Developer",
|
||||
"salary": "$433,060",
|
||||
"start_date": "2012\/03\/29"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"6224"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Airi Satou",
|
||||
"hr": {
|
||||
"position": "Accountant",
|
||||
"salary": "$162,700",
|
||||
"start_date": "2008\/11\/28"
|
||||
},
|
||||
"contact": [
|
||||
"Tokyo",
|
||||
"5407"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Brielle Williamson",
|
||||
"hr": {
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$372,000",
|
||||
"start_date": "2012\/12\/02"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"4804"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Herrod Chandler",
|
||||
"hr": {
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$137,500",
|
||||
"start_date": "2012\/08\/06"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"9608"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Rhona Davidson",
|
||||
"hr": {
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$327,900",
|
||||
"start_date": "2010\/10\/14"
|
||||
},
|
||||
"contact": [
|
||||
"Tokyo",
|
||||
"6200"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Colleen Hurst",
|
||||
"hr": {
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$205,500",
|
||||
"start_date": "2009\/09\/15"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"2360"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Sonya Frost",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$103,600",
|
||||
"start_date": "2008\/12\/13"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"1667"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Jena Gaines",
|
||||
"hr": {
|
||||
"position": "Office Manager",
|
||||
"salary": "$90,560",
|
||||
"start_date": "2008\/12\/19"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"3814"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Quinn Flynn",
|
||||
"hr": {
|
||||
"position": "Support Lead",
|
||||
"salary": "$342,000",
|
||||
"start_date": "2013\/03\/03"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"9497"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Charde Marshall",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$470,600",
|
||||
"start_date": "2008\/10\/16"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"6741"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Haley Kennedy",
|
||||
"hr": {
|
||||
"position": "Senior Marketing Designer",
|
||||
"salary": "$313,500",
|
||||
"start_date": "2012\/12\/18"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"3597"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Tatyana Fitzpatrick",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$385,750",
|
||||
"start_date": "2010\/03\/17"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"1965"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Michael Silva",
|
||||
"hr": {
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$198,500",
|
||||
"start_date": "2012\/11\/27"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"1581"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Paul Byrd",
|
||||
"hr": {
|
||||
"position": "Chief Financial Officer (CFO)",
|
||||
"salary": "$725,000",
|
||||
"start_date": "2010\/06\/09"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"3059"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Gloria Little",
|
||||
"hr": {
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$237,500",
|
||||
"start_date": "2009\/04\/10"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"1721"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Bradley Greer",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$132,000",
|
||||
"start_date": "2012\/10\/13"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"2558"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Dai Rios",
|
||||
"hr": {
|
||||
"position": "Personnel Lead",
|
||||
"salary": "$217,500",
|
||||
"start_date": "2012\/09\/26"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"2290"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Jenette Caldwell",
|
||||
"hr": {
|
||||
"position": "Development Lead",
|
||||
"salary": "$345,000",
|
||||
"start_date": "2011\/09\/03"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"1937"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Yuri Berry",
|
||||
"hr": {
|
||||
"position": "Chief Marketing Officer (CMO)",
|
||||
"salary": "$675,000",
|
||||
"start_date": "2009\/06\/25"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"6154"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Caesar Vance",
|
||||
"hr": {
|
||||
"position": "Pre-Sales Support",
|
||||
"salary": "$106,450",
|
||||
"start_date": "2011\/12\/12"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"8330"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Doris Wilder",
|
||||
"hr": {
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$85,600",
|
||||
"start_date": "2010\/09\/20"
|
||||
},
|
||||
"contact": [
|
||||
"Sidney",
|
||||
"3023"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Angelica Ramos",
|
||||
"hr": {
|
||||
"position": "Chief Executive Officer (CEO)",
|
||||
"salary": "$1,200,000",
|
||||
"start_date": "2009\/10\/09"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"5797"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Gavin Joyce",
|
||||
"hr": {
|
||||
"position": "Developer",
|
||||
"salary": "$92,575",
|
||||
"start_date": "2010\/12\/22"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"8822"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Chang",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$357,650",
|
||||
"start_date": "2010\/11\/14"
|
||||
},
|
||||
"contact": [
|
||||
"Singapore",
|
||||
"9239"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Brenden Wagner",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$206,850",
|
||||
"start_date": "2011\/06\/07"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"1314"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Fiona Green",
|
||||
"hr": {
|
||||
"position": "Chief Operating Officer (COO)",
|
||||
"salary": "$850,000",
|
||||
"start_date": "2010\/03\/11"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"2947"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Shou Itou",
|
||||
"hr": {
|
||||
"position": "Regional Marketing",
|
||||
"salary": "$163,000",
|
||||
"start_date": "2011\/08\/14"
|
||||
},
|
||||
"contact": [
|
||||
"Tokyo",
|
||||
"8899"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Michelle House",
|
||||
"hr": {
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$95,400",
|
||||
"start_date": "2011\/06\/02"
|
||||
},
|
||||
"contact": [
|
||||
"Sidney",
|
||||
"2769"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Suki Burks",
|
||||
"hr": {
|
||||
"position": "Developer",
|
||||
"salary": "$114,500",
|
||||
"start_date": "2009\/10\/22"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"6832"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Prescott Bartlett",
|
||||
"hr": {
|
||||
"position": "Technical Author",
|
||||
"salary": "$145,000",
|
||||
"start_date": "2011\/05\/07"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"3606"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Gavin Cortez",
|
||||
"hr": {
|
||||
"position": "Team Leader",
|
||||
"salary": "$235,500",
|
||||
"start_date": "2008\/10\/26"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"2860"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Martena Mccray",
|
||||
"hr": {
|
||||
"position": "Post-Sales support",
|
||||
"salary": "$324,050",
|
||||
"start_date": "2011\/03\/09"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"8240"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Unity Butler",
|
||||
"hr": {
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$85,675",
|
||||
"start_date": "2009\/12\/09"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"5384"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Howard Hatfield",
|
||||
"hr": {
|
||||
"position": "Office Manager",
|
||||
"salary": "$164,500",
|
||||
"start_date": "2008\/12\/16"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"7031"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Hope Fuentes",
|
||||
"hr": {
|
||||
"position": "Secretary",
|
||||
"salary": "$109,850",
|
||||
"start_date": "2010\/02\/12"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"6318"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Vivian Harrell",
|
||||
"hr": {
|
||||
"position": "Financial Controller",
|
||||
"salary": "$452,500",
|
||||
"start_date": "2009\/02\/14"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"9422"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Timothy Mooney",
|
||||
"hr": {
|
||||
"position": "Office Manager",
|
||||
"salary": "$136,200",
|
||||
"start_date": "2008\/12\/11"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"7580"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Jackson Bradshaw",
|
||||
"hr": {
|
||||
"position": "Director",
|
||||
"salary": "$645,750",
|
||||
"start_date": "2008\/09\/26"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"1042"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Olivia Liang",
|
||||
"hr": {
|
||||
"position": "Support Engineer",
|
||||
"salary": "$234,500",
|
||||
"start_date": "2011\/02\/03"
|
||||
},
|
||||
"contact": [
|
||||
"Singapore",
|
||||
"2120"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Bruno Nash",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$163,500",
|
||||
"start_date": "2011\/05\/03"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"6222"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Sakura Yamamoto",
|
||||
"hr": {
|
||||
"position": "Support Engineer",
|
||||
"salary": "$139,575",
|
||||
"start_date": "2009\/08\/19"
|
||||
},
|
||||
"contact": [
|
||||
"Tokyo",
|
||||
"9383"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Thor Walton",
|
||||
"hr": {
|
||||
"position": "Developer",
|
||||
"salary": "$98,540",
|
||||
"start_date": "2013\/08\/11"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"8327"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Finn Camacho",
|
||||
"hr": {
|
||||
"position": "Support Engineer",
|
||||
"salary": "$87,500",
|
||||
"start_date": "2009\/07\/07"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"2927"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Serge Baldwin",
|
||||
"hr": {
|
||||
"position": "Data Coordinator",
|
||||
"salary": "$138,575",
|
||||
"start_date": "2012\/04\/09"
|
||||
},
|
||||
"contact": [
|
||||
"Singapore",
|
||||
"8352"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Zenaida Frank",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$125,250",
|
||||
"start_date": "2010\/01\/04"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"7439"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Zorita Serrano",
|
||||
"hr": {
|
||||
"position": "Software Engineer",
|
||||
"salary": "$115,000",
|
||||
"start_date": "2012\/06\/01"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"4389"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Acosta",
|
||||
"hr": {
|
||||
"position": "Junior Javascript Developer",
|
||||
"salary": "$75,650",
|
||||
"start_date": "2013\/02\/01"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"3431"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Cara Stevens",
|
||||
"hr": {
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$145,600",
|
||||
"start_date": "2011\/12\/06"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"3990"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Hermione Butler",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$356,250",
|
||||
"start_date": "2011\/03\/21"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"1016"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Lael Greer",
|
||||
"hr": {
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$103,500",
|
||||
"start_date": "2009\/02\/27"
|
||||
},
|
||||
"contact": [
|
||||
"London",
|
||||
"6733"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Jonas Alexander",
|
||||
"hr": {
|
||||
"position": "Developer",
|
||||
"salary": "$86,500",
|
||||
"start_date": "2010\/07\/14"
|
||||
},
|
||||
"contact": [
|
||||
"San Francisco",
|
||||
"8196"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Shad Decker",
|
||||
"hr": {
|
||||
"position": "Regional Director",
|
||||
"salary": "$183,000",
|
||||
"start_date": "2008\/11\/13"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"6373"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Michael Bruce",
|
||||
"hr": {
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$183,000",
|
||||
"start_date": "2011\/06\/27"
|
||||
},
|
||||
"contact": [
|
||||
"Singapore",
|
||||
"5384"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Donna Snider",
|
||||
"hr": {
|
||||
"position": "Customer Support",
|
||||
"salary": "$112,000",
|
||||
"start_date": "2011\/01\/25"
|
||||
},
|
||||
"contact": [
|
||||
"New York",
|
||||
"4226"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,458 @@
|
||||
[
|
||||
{
|
||||
"name": "Tiger Nixon",
|
||||
"position": "System Architect",
|
||||
"salary": "$320,800",
|
||||
"start_date": "2011\/04\/25",
|
||||
"office": "Edinburgh",
|
||||
"extn": "5421"
|
||||
},
|
||||
{
|
||||
"name": "Garrett Winters",
|
||||
"position": "Accountant",
|
||||
"salary": "$170,750",
|
||||
"start_date": "2011\/07\/25",
|
||||
"office": "Tokyo",
|
||||
"extn": "8422"
|
||||
},
|
||||
{
|
||||
"name": "Ashton Cox",
|
||||
"position": "Junior Technical Author",
|
||||
"salary": "$86,000",
|
||||
"start_date": "2009\/01\/12",
|
||||
"office": "San Francisco",
|
||||
"extn": "1562"
|
||||
},
|
||||
{
|
||||
"name": "Cedric Kelly",
|
||||
"position": "Senior Javascript Developer",
|
||||
"salary": "$433,060",
|
||||
"start_date": "2012\/03\/29",
|
||||
"office": "Edinburgh",
|
||||
"extn": "6224"
|
||||
},
|
||||
{
|
||||
"name": "Airi Satou",
|
||||
"position": "Accountant",
|
||||
"salary": "$162,700",
|
||||
"start_date": "2008\/11\/28",
|
||||
"office": "Tokyo",
|
||||
"extn": "5407"
|
||||
},
|
||||
{
|
||||
"name": "Brielle Williamson",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$372,000",
|
||||
"start_date": "2012\/12\/02",
|
||||
"office": "New York",
|
||||
"extn": "4804"
|
||||
},
|
||||
{
|
||||
"name": "Herrod Chandler",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$137,500",
|
||||
"start_date": "2012\/08\/06",
|
||||
"office": "San Francisco",
|
||||
"extn": "9608"
|
||||
},
|
||||
{
|
||||
"name": "Rhona Davidson",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$327,900",
|
||||
"start_date": "2010\/10\/14",
|
||||
"office": "Tokyo",
|
||||
"extn": "6200"
|
||||
},
|
||||
{
|
||||
"name": "Colleen Hurst",
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$205,500",
|
||||
"start_date": "2009\/09\/15",
|
||||
"office": "San Francisco",
|
||||
"extn": "2360"
|
||||
},
|
||||
{
|
||||
"name": "Sonya Frost",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$103,600",
|
||||
"start_date": "2008\/12\/13",
|
||||
"office": "Edinburgh",
|
||||
"extn": "1667"
|
||||
},
|
||||
{
|
||||
"name": "Jena Gaines",
|
||||
"position": "Office Manager",
|
||||
"salary": "$90,560",
|
||||
"start_date": "2008\/12\/19",
|
||||
"office": "London",
|
||||
"extn": "3814"
|
||||
},
|
||||
{
|
||||
"name": "Quinn Flynn",
|
||||
"position": "Support Lead",
|
||||
"salary": "$342,000",
|
||||
"start_date": "2013\/03\/03",
|
||||
"office": "Edinburgh",
|
||||
"extn": "9497"
|
||||
},
|
||||
{
|
||||
"name": "Charde Marshall",
|
||||
"position": "Regional Director",
|
||||
"salary": "$470,600",
|
||||
"start_date": "2008\/10\/16",
|
||||
"office": "San Francisco",
|
||||
"extn": "6741"
|
||||
},
|
||||
{
|
||||
"name": "Haley Kennedy",
|
||||
"position": "Senior Marketing Designer",
|
||||
"salary": "$313,500",
|
||||
"start_date": "2012\/12\/18",
|
||||
"office": "London",
|
||||
"extn": "3597"
|
||||
},
|
||||
{
|
||||
"name": "Tatyana Fitzpatrick",
|
||||
"position": "Regional Director",
|
||||
"salary": "$385,750",
|
||||
"start_date": "2010\/03\/17",
|
||||
"office": "London",
|
||||
"extn": "1965"
|
||||
},
|
||||
{
|
||||
"name": "Michael Silva",
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$198,500",
|
||||
"start_date": "2012\/11\/27",
|
||||
"office": "London",
|
||||
"extn": "1581"
|
||||
},
|
||||
{
|
||||
"name": "Paul Byrd",
|
||||
"position": "Chief Financial Officer (CFO)",
|
||||
"salary": "$725,000",
|
||||
"start_date": "2010\/06\/09",
|
||||
"office": "New York",
|
||||
"extn": "3059"
|
||||
},
|
||||
{
|
||||
"name": "Gloria Little",
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$237,500",
|
||||
"start_date": "2009\/04\/10",
|
||||
"office": "New York",
|
||||
"extn": "1721"
|
||||
},
|
||||
{
|
||||
"name": "Bradley Greer",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$132,000",
|
||||
"start_date": "2012\/10\/13",
|
||||
"office": "London",
|
||||
"extn": "2558"
|
||||
},
|
||||
{
|
||||
"name": "Dai Rios",
|
||||
"position": "Personnel Lead",
|
||||
"salary": "$217,500",
|
||||
"start_date": "2012\/09\/26",
|
||||
"office": "Edinburgh",
|
||||
"extn": "2290"
|
||||
},
|
||||
{
|
||||
"name": "Jenette Caldwell",
|
||||
"position": "Development Lead",
|
||||
"salary": "$345,000",
|
||||
"start_date": "2011\/09\/03",
|
||||
"office": "New York",
|
||||
"extn": "1937"
|
||||
},
|
||||
{
|
||||
"name": "Yuri Berry",
|
||||
"position": "Chief Marketing Officer (CMO)",
|
||||
"salary": "$675,000",
|
||||
"start_date": "2009\/06\/25",
|
||||
"office": "New York",
|
||||
"extn": "6154"
|
||||
},
|
||||
{
|
||||
"name": "Caesar Vance",
|
||||
"position": "Pre-Sales Support",
|
||||
"salary": "$106,450",
|
||||
"start_date": "2011\/12\/12",
|
||||
"office": "New York",
|
||||
"extn": "8330"
|
||||
},
|
||||
{
|
||||
"name": "Doris Wilder",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$85,600",
|
||||
"start_date": "2010\/09\/20",
|
||||
"office": "Sidney",
|
||||
"extn": "3023"
|
||||
},
|
||||
{
|
||||
"name": "Angelica Ramos",
|
||||
"position": "Chief Executive Officer (CEO)",
|
||||
"salary": "$1,200,000",
|
||||
"start_date": "2009\/10\/09",
|
||||
"office": "London",
|
||||
"extn": "5797"
|
||||
},
|
||||
{
|
||||
"name": "Gavin Joyce",
|
||||
"position": "Developer",
|
||||
"salary": "$92,575",
|
||||
"start_date": "2010\/12\/22",
|
||||
"office": "Edinburgh",
|
||||
"extn": "8822"
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Chang",
|
||||
"position": "Regional Director",
|
||||
"salary": "$357,650",
|
||||
"start_date": "2010\/11\/14",
|
||||
"office": "Singapore",
|
||||
"extn": "9239"
|
||||
},
|
||||
{
|
||||
"name": "Brenden Wagner",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$206,850",
|
||||
"start_date": "2011\/06\/07",
|
||||
"office": "San Francisco",
|
||||
"extn": "1314"
|
||||
},
|
||||
{
|
||||
"name": "Fiona Green",
|
||||
"position": "Chief Operating Officer (COO)",
|
||||
"salary": "$850,000",
|
||||
"start_date": "2010\/03\/11",
|
||||
"office": "San Francisco",
|
||||
"extn": "2947"
|
||||
},
|
||||
{
|
||||
"name": "Shou Itou",
|
||||
"position": "Regional Marketing",
|
||||
"salary": "$163,000",
|
||||
"start_date": "2011\/08\/14",
|
||||
"office": "Tokyo",
|
||||
"extn": "8899"
|
||||
},
|
||||
{
|
||||
"name": "Michelle House",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$95,400",
|
||||
"start_date": "2011\/06\/02",
|
||||
"office": "Sidney",
|
||||
"extn": "2769"
|
||||
},
|
||||
{
|
||||
"name": "Suki Burks",
|
||||
"position": "Developer",
|
||||
"salary": "$114,500",
|
||||
"start_date": "2009\/10\/22",
|
||||
"office": "London",
|
||||
"extn": "6832"
|
||||
},
|
||||
{
|
||||
"name": "Prescott Bartlett",
|
||||
"position": "Technical Author",
|
||||
"salary": "$145,000",
|
||||
"start_date": "2011\/05\/07",
|
||||
"office": "London",
|
||||
"extn": "3606"
|
||||
},
|
||||
{
|
||||
"name": "Gavin Cortez",
|
||||
"position": "Team Leader",
|
||||
"salary": "$235,500",
|
||||
"start_date": "2008\/10\/26",
|
||||
"office": "San Francisco",
|
||||
"extn": "2860"
|
||||
},
|
||||
{
|
||||
"name": "Martena Mccray",
|
||||
"position": "Post-Sales support",
|
||||
"salary": "$324,050",
|
||||
"start_date": "2011\/03\/09",
|
||||
"office": "Edinburgh",
|
||||
"extn": "8240"
|
||||
},
|
||||
{
|
||||
"name": "Unity Butler",
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$85,675",
|
||||
"start_date": "2009\/12\/09",
|
||||
"office": "San Francisco",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": "Howard Hatfield",
|
||||
"position": "Office Manager",
|
||||
"salary": "$164,500",
|
||||
"start_date": "2008\/12\/16",
|
||||
"office": "San Francisco",
|
||||
"extn": "7031"
|
||||
},
|
||||
{
|
||||
"name": "Hope Fuentes",
|
||||
"position": "Secretary",
|
||||
"salary": "$109,850",
|
||||
"start_date": "2010\/02\/12",
|
||||
"office": "San Francisco",
|
||||
"extn": "6318"
|
||||
},
|
||||
{
|
||||
"name": "Vivian Harrell",
|
||||
"position": "Financial Controller",
|
||||
"salary": "$452,500",
|
||||
"start_date": "2009\/02\/14",
|
||||
"office": "San Francisco",
|
||||
"extn": "9422"
|
||||
},
|
||||
{
|
||||
"name": "Timothy Mooney",
|
||||
"position": "Office Manager",
|
||||
"salary": "$136,200",
|
||||
"start_date": "2008\/12\/11",
|
||||
"office": "London",
|
||||
"extn": "7580"
|
||||
},
|
||||
{
|
||||
"name": "Jackson Bradshaw",
|
||||
"position": "Director",
|
||||
"salary": "$645,750",
|
||||
"start_date": "2008\/09\/26",
|
||||
"office": "New York",
|
||||
"extn": "1042"
|
||||
},
|
||||
{
|
||||
"name": "Olivia Liang",
|
||||
"position": "Support Engineer",
|
||||
"salary": "$234,500",
|
||||
"start_date": "2011\/02\/03",
|
||||
"office": "Singapore",
|
||||
"extn": "2120"
|
||||
},
|
||||
{
|
||||
"name": "Bruno Nash",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$163,500",
|
||||
"start_date": "2011\/05\/03",
|
||||
"office": "London",
|
||||
"extn": "6222"
|
||||
},
|
||||
{
|
||||
"name": "Sakura Yamamoto",
|
||||
"position": "Support Engineer",
|
||||
"salary": "$139,575",
|
||||
"start_date": "2009\/08\/19",
|
||||
"office": "Tokyo",
|
||||
"extn": "9383"
|
||||
},
|
||||
{
|
||||
"name": "Thor Walton",
|
||||
"position": "Developer",
|
||||
"salary": "$98,540",
|
||||
"start_date": "2013\/08\/11",
|
||||
"office": "New York",
|
||||
"extn": "8327"
|
||||
},
|
||||
{
|
||||
"name": "Finn Camacho",
|
||||
"position": "Support Engineer",
|
||||
"salary": "$87,500",
|
||||
"start_date": "2009\/07\/07",
|
||||
"office": "San Francisco",
|
||||
"extn": "2927"
|
||||
},
|
||||
{
|
||||
"name": "Serge Baldwin",
|
||||
"position": "Data Coordinator",
|
||||
"salary": "$138,575",
|
||||
"start_date": "2012\/04\/09",
|
||||
"office": "Singapore",
|
||||
"extn": "8352"
|
||||
},
|
||||
{
|
||||
"name": "Zenaida Frank",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$125,250",
|
||||
"start_date": "2010\/01\/04",
|
||||
"office": "New York",
|
||||
"extn": "7439"
|
||||
},
|
||||
{
|
||||
"name": "Zorita Serrano",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$115,000",
|
||||
"start_date": "2012\/06\/01",
|
||||
"office": "San Francisco",
|
||||
"extn": "4389"
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Acosta",
|
||||
"position": "Junior Javascript Developer",
|
||||
"salary": "$75,650",
|
||||
"start_date": "2013\/02\/01",
|
||||
"office": "Edinburgh",
|
||||
"extn": "3431"
|
||||
},
|
||||
{
|
||||
"name": "Cara Stevens",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$145,600",
|
||||
"start_date": "2011\/12\/06",
|
||||
"office": "New York",
|
||||
"extn": "3990"
|
||||
},
|
||||
{
|
||||
"name": "Hermione Butler",
|
||||
"position": "Regional Director",
|
||||
"salary": "$356,250",
|
||||
"start_date": "2011\/03\/21",
|
||||
"office": "London",
|
||||
"extn": "1016"
|
||||
},
|
||||
{
|
||||
"name": "Lael Greer",
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$103,500",
|
||||
"start_date": "2009\/02\/27",
|
||||
"office": "London",
|
||||
"extn": "6733"
|
||||
},
|
||||
{
|
||||
"name": "Jonas Alexander",
|
||||
"position": "Developer",
|
||||
"salary": "$86,500",
|
||||
"start_date": "2010\/07\/14",
|
||||
"office": "San Francisco",
|
||||
"extn": "8196"
|
||||
},
|
||||
{
|
||||
"name": "Shad Decker",
|
||||
"position": "Regional Director",
|
||||
"salary": "$183,000",
|
||||
"start_date": "2008\/11\/13",
|
||||
"office": "Edinburgh",
|
||||
"extn": "6373"
|
||||
},
|
||||
{
|
||||
"name": "Michael Bruce",
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$183,000",
|
||||
"start_date": "2011\/06\/27",
|
||||
"office": "Singapore",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": "Donna Snider",
|
||||
"position": "Customer Support",
|
||||
"salary": "$112,000",
|
||||
"start_date": "2011\/01\/25",
|
||||
"office": "New York",
|
||||
"extn": "4226"
|
||||
}
|
||||
]
|
||||
@ -0,0 +1,745 @@
|
||||
{
|
||||
"data": [
|
||||
{
|
||||
"name": [
|
||||
"Nixon",
|
||||
"Tiger"
|
||||
],
|
||||
"hr": [
|
||||
"System Architect",
|
||||
"$320,800",
|
||||
"2011\/04\/25"
|
||||
],
|
||||
"office": "Edinburgh",
|
||||
"extn": "5421"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Winters",
|
||||
"Garrett"
|
||||
],
|
||||
"hr": [
|
||||
"Accountant",
|
||||
"$170,750",
|
||||
"2011\/07\/25"
|
||||
],
|
||||
"office": "Tokyo",
|
||||
"extn": "8422"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Cox",
|
||||
"Ashton"
|
||||
],
|
||||
"hr": [
|
||||
"Junior Technical Author",
|
||||
"$86,000",
|
||||
"2009\/01\/12"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "1562"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Kelly",
|
||||
"Cedric"
|
||||
],
|
||||
"hr": [
|
||||
"Senior Javascript Developer",
|
||||
"$433,060",
|
||||
"2012\/03\/29"
|
||||
],
|
||||
"office": "Edinburgh",
|
||||
"extn": "6224"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Satou",
|
||||
"Airi"
|
||||
],
|
||||
"hr": [
|
||||
"Accountant",
|
||||
"$162,700",
|
||||
"2008\/11\/28"
|
||||
],
|
||||
"office": "Tokyo",
|
||||
"extn": "5407"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Williamson",
|
||||
"Brielle"
|
||||
],
|
||||
"hr": [
|
||||
"Integration Specialist",
|
||||
"$372,000",
|
||||
"2012\/12\/02"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "4804"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Chandler",
|
||||
"Herrod"
|
||||
],
|
||||
"hr": [
|
||||
"Sales Assistant",
|
||||
"$137,500",
|
||||
"2012\/08\/06"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "9608"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Davidson",
|
||||
"Rhona"
|
||||
],
|
||||
"hr": [
|
||||
"Integration Specialist",
|
||||
"$327,900",
|
||||
"2010\/10\/14"
|
||||
],
|
||||
"office": "Tokyo",
|
||||
"extn": "6200"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Hurst",
|
||||
"Colleen"
|
||||
],
|
||||
"hr": [
|
||||
"Javascript Developer",
|
||||
"$205,500",
|
||||
"2009\/09\/15"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "2360"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Frost",
|
||||
"Sonya"
|
||||
],
|
||||
"hr": [
|
||||
"Software Engineer",
|
||||
"$103,600",
|
||||
"2008\/12\/13"
|
||||
],
|
||||
"office": "Edinburgh",
|
||||
"extn": "1667"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Gaines",
|
||||
"Jena"
|
||||
],
|
||||
"hr": [
|
||||
"Office Manager",
|
||||
"$90,560",
|
||||
"2008\/12\/19"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "3814"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Flynn",
|
||||
"Quinn"
|
||||
],
|
||||
"hr": [
|
||||
"Support Lead",
|
||||
"$342,000",
|
||||
"2013\/03\/03"
|
||||
],
|
||||
"office": "Edinburgh",
|
||||
"extn": "9497"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Marshall",
|
||||
"Charde"
|
||||
],
|
||||
"hr": [
|
||||
"Regional Director",
|
||||
"$470,600",
|
||||
"2008\/10\/16"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "6741"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Kennedy",
|
||||
"Haley"
|
||||
],
|
||||
"hr": [
|
||||
"Senior Marketing Designer",
|
||||
"$313,500",
|
||||
"2012\/12\/18"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "3597"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Fitzpatrick",
|
||||
"Tatyana"
|
||||
],
|
||||
"hr": [
|
||||
"Regional Director",
|
||||
"$385,750",
|
||||
"2010\/03\/17"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "1965"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Silva",
|
||||
"Michael"
|
||||
],
|
||||
"hr": [
|
||||
"Marketing Designer",
|
||||
"$198,500",
|
||||
"2012\/11\/27"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "1581"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Byrd",
|
||||
"Paul"
|
||||
],
|
||||
"hr": [
|
||||
"Chief Financial Officer (CFO)",
|
||||
"$725,000",
|
||||
"2010\/06\/09"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "3059"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Little",
|
||||
"Gloria"
|
||||
],
|
||||
"hr": [
|
||||
"Systems Administrator",
|
||||
"$237,500",
|
||||
"2009\/04\/10"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "1721"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Greer",
|
||||
"Bradley"
|
||||
],
|
||||
"hr": [
|
||||
"Software Engineer",
|
||||
"$132,000",
|
||||
"2012\/10\/13"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "2558"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Rios",
|
||||
"Dai"
|
||||
],
|
||||
"hr": [
|
||||
"Personnel Lead",
|
||||
"$217,500",
|
||||
"2012\/09\/26"
|
||||
],
|
||||
"office": "Edinburgh",
|
||||
"extn": "2290"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Caldwell",
|
||||
"Jenette"
|
||||
],
|
||||
"hr": [
|
||||
"Development Lead",
|
||||
"$345,000",
|
||||
"2011\/09\/03"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "1937"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Berry",
|
||||
"Yuri"
|
||||
],
|
||||
"hr": [
|
||||
"Chief Marketing Officer (CMO)",
|
||||
"$675,000",
|
||||
"2009\/06\/25"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "6154"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Vance",
|
||||
"Caesar"
|
||||
],
|
||||
"hr": [
|
||||
"Pre-Sales Support",
|
||||
"$106,450",
|
||||
"2011\/12\/12"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "8330"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Wilder",
|
||||
"Doris"
|
||||
],
|
||||
"hr": [
|
||||
"Sales Assistant",
|
||||
"$85,600",
|
||||
"2010\/09\/20"
|
||||
],
|
||||
"office": "Sidney",
|
||||
"extn": "3023"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Ramos",
|
||||
"Angelica"
|
||||
],
|
||||
"hr": [
|
||||
"Chief Executive Officer (CEO)",
|
||||
"$1,200,000",
|
||||
"2009\/10\/09"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "5797"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Joyce",
|
||||
"Gavin"
|
||||
],
|
||||
"hr": [
|
||||
"Developer",
|
||||
"$92,575",
|
||||
"2010\/12\/22"
|
||||
],
|
||||
"office": "Edinburgh",
|
||||
"extn": "8822"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Chang",
|
||||
"Jennifer"
|
||||
],
|
||||
"hr": [
|
||||
"Regional Director",
|
||||
"$357,650",
|
||||
"2010\/11\/14"
|
||||
],
|
||||
"office": "Singapore",
|
||||
"extn": "9239"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Wagner",
|
||||
"Brenden"
|
||||
],
|
||||
"hr": [
|
||||
"Software Engineer",
|
||||
"$206,850",
|
||||
"2011\/06\/07"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "1314"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Green",
|
||||
"Fiona"
|
||||
],
|
||||
"hr": [
|
||||
"Chief Operating Officer (COO)",
|
||||
"$850,000",
|
||||
"2010\/03\/11"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "2947"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Itou",
|
||||
"Shou"
|
||||
],
|
||||
"hr": [
|
||||
"Regional Marketing",
|
||||
"$163,000",
|
||||
"2011\/08\/14"
|
||||
],
|
||||
"office": "Tokyo",
|
||||
"extn": "8899"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"House",
|
||||
"Michelle"
|
||||
],
|
||||
"hr": [
|
||||
"Integration Specialist",
|
||||
"$95,400",
|
||||
"2011\/06\/02"
|
||||
],
|
||||
"office": "Sidney",
|
||||
"extn": "2769"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Burks",
|
||||
"Suki"
|
||||
],
|
||||
"hr": [
|
||||
"Developer",
|
||||
"$114,500",
|
||||
"2009\/10\/22"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "6832"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Bartlett",
|
||||
"Prescott"
|
||||
],
|
||||
"hr": [
|
||||
"Technical Author",
|
||||
"$145,000",
|
||||
"2011\/05\/07"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "3606"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Cortez",
|
||||
"Gavin"
|
||||
],
|
||||
"hr": [
|
||||
"Team Leader",
|
||||
"$235,500",
|
||||
"2008\/10\/26"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "2860"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Mccray",
|
||||
"Martena"
|
||||
],
|
||||
"hr": [
|
||||
"Post-Sales support",
|
||||
"$324,050",
|
||||
"2011\/03\/09"
|
||||
],
|
||||
"office": "Edinburgh",
|
||||
"extn": "8240"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Butler",
|
||||
"Unity"
|
||||
],
|
||||
"hr": [
|
||||
"Marketing Designer",
|
||||
"$85,675",
|
||||
"2009\/12\/09"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Hatfield",
|
||||
"Howard"
|
||||
],
|
||||
"hr": [
|
||||
"Office Manager",
|
||||
"$164,500",
|
||||
"2008\/12\/16"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "7031"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Fuentes",
|
||||
"Hope"
|
||||
],
|
||||
"hr": [
|
||||
"Secretary",
|
||||
"$109,850",
|
||||
"2010\/02\/12"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "6318"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Harrell",
|
||||
"Vivian"
|
||||
],
|
||||
"hr": [
|
||||
"Financial Controller",
|
||||
"$452,500",
|
||||
"2009\/02\/14"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "9422"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Mooney",
|
||||
"Timothy"
|
||||
],
|
||||
"hr": [
|
||||
"Office Manager",
|
||||
"$136,200",
|
||||
"2008\/12\/11"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "7580"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Bradshaw",
|
||||
"Jackson"
|
||||
],
|
||||
"hr": [
|
||||
"Director",
|
||||
"$645,750",
|
||||
"2008\/09\/26"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "1042"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Liang",
|
||||
"Olivia"
|
||||
],
|
||||
"hr": [
|
||||
"Support Engineer",
|
||||
"$234,500",
|
||||
"2011\/02\/03"
|
||||
],
|
||||
"office": "Singapore",
|
||||
"extn": "2120"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Nash",
|
||||
"Bruno"
|
||||
],
|
||||
"hr": [
|
||||
"Software Engineer",
|
||||
"$163,500",
|
||||
"2011\/05\/03"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "6222"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Yamamoto",
|
||||
"Sakura"
|
||||
],
|
||||
"hr": [
|
||||
"Support Engineer",
|
||||
"$139,575",
|
||||
"2009\/08\/19"
|
||||
],
|
||||
"office": "Tokyo",
|
||||
"extn": "9383"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Walton",
|
||||
"Thor"
|
||||
],
|
||||
"hr": [
|
||||
"Developer",
|
||||
"$98,540",
|
||||
"2013\/08\/11"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "8327"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Camacho",
|
||||
"Finn"
|
||||
],
|
||||
"hr": [
|
||||
"Support Engineer",
|
||||
"$87,500",
|
||||
"2009\/07\/07"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "2927"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Baldwin",
|
||||
"Serge"
|
||||
],
|
||||
"hr": [
|
||||
"Data Coordinator",
|
||||
"$138,575",
|
||||
"2012\/04\/09"
|
||||
],
|
||||
"office": "Singapore",
|
||||
"extn": "8352"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Frank",
|
||||
"Zenaida"
|
||||
],
|
||||
"hr": [
|
||||
"Software Engineer",
|
||||
"$125,250",
|
||||
"2010\/01\/04"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "7439"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Serrano",
|
||||
"Zorita"
|
||||
],
|
||||
"hr": [
|
||||
"Software Engineer",
|
||||
"$115,000",
|
||||
"2012\/06\/01"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "4389"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Acosta",
|
||||
"Jennifer"
|
||||
],
|
||||
"hr": [
|
||||
"Junior Javascript Developer",
|
||||
"$75,650",
|
||||
"2013\/02\/01"
|
||||
],
|
||||
"office": "Edinburgh",
|
||||
"extn": "3431"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Stevens",
|
||||
"Cara"
|
||||
],
|
||||
"hr": [
|
||||
"Sales Assistant",
|
||||
"$145,600",
|
||||
"2011\/12\/06"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "3990"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Butler",
|
||||
"Hermione"
|
||||
],
|
||||
"hr": [
|
||||
"Regional Director",
|
||||
"$356,250",
|
||||
"2011\/03\/21"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "1016"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Greer",
|
||||
"Lael"
|
||||
],
|
||||
"hr": [
|
||||
"Systems Administrator",
|
||||
"$103,500",
|
||||
"2009\/02\/27"
|
||||
],
|
||||
"office": "London",
|
||||
"extn": "6733"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Alexander",
|
||||
"Jonas"
|
||||
],
|
||||
"hr": [
|
||||
"Developer",
|
||||
"$86,500",
|
||||
"2010\/07\/14"
|
||||
],
|
||||
"office": "San Francisco",
|
||||
"extn": "8196"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Decker",
|
||||
"Shad"
|
||||
],
|
||||
"hr": [
|
||||
"Regional Director",
|
||||
"$183,000",
|
||||
"2008\/11\/13"
|
||||
],
|
||||
"office": "Edinburgh",
|
||||
"extn": "6373"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Bruce",
|
||||
"Michael"
|
||||
],
|
||||
"hr": [
|
||||
"Javascript Developer",
|
||||
"$183,000",
|
||||
"2011\/06\/27"
|
||||
],
|
||||
"office": "Singapore",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": [
|
||||
"Snider",
|
||||
"Donna"
|
||||
],
|
||||
"hr": [
|
||||
"Customer Support",
|
||||
"$112,000",
|
||||
"2011\/01\/25"
|
||||
],
|
||||
"office": "New York",
|
||||
"extn": "4226"
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,631 @@
|
||||
{
|
||||
"data": [
|
||||
{
|
||||
"name": "Tiger Nixon",
|
||||
"position": "System Architect",
|
||||
"salary": "$320,800",
|
||||
"start_date": {
|
||||
"display": "Mon 25th Apr 11",
|
||||
"timestamp": "1303686000"
|
||||
},
|
||||
"office": "Edinburgh",
|
||||
"extn": "5421"
|
||||
},
|
||||
{
|
||||
"name": "Garrett Winters",
|
||||
"position": "Accountant",
|
||||
"salary": "$170,750",
|
||||
"start_date": {
|
||||
"display": "Mon 25th Jul 11",
|
||||
"timestamp": "1311548400"
|
||||
},
|
||||
"office": "Tokyo",
|
||||
"extn": "8422"
|
||||
},
|
||||
{
|
||||
"name": "Ashton Cox",
|
||||
"position": "Junior Technical Author",
|
||||
"salary": "$86,000",
|
||||
"start_date": {
|
||||
"display": "Mon 12th Jan 09",
|
||||
"timestamp": "1231718400"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "1562"
|
||||
},
|
||||
{
|
||||
"name": "Cedric Kelly",
|
||||
"position": "Senior Javascript Developer",
|
||||
"salary": "$433,060",
|
||||
"start_date": {
|
||||
"display": "Thu 29th Mar 12",
|
||||
"timestamp": "1332975600"
|
||||
},
|
||||
"office": "Edinburgh",
|
||||
"extn": "6224"
|
||||
},
|
||||
{
|
||||
"name": "Airi Satou",
|
||||
"position": "Accountant",
|
||||
"salary": "$162,700",
|
||||
"start_date": {
|
||||
"display": "Fri 28th Nov 08",
|
||||
"timestamp": "1227830400"
|
||||
},
|
||||
"office": "Tokyo",
|
||||
"extn": "5407"
|
||||
},
|
||||
{
|
||||
"name": "Brielle Williamson",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$372,000",
|
||||
"start_date": {
|
||||
"display": "Sun 2nd Dec 12",
|
||||
"timestamp": "1354406400"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "4804"
|
||||
},
|
||||
{
|
||||
"name": "Herrod Chandler",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$137,500",
|
||||
"start_date": {
|
||||
"display": "Mon 6th Aug 12",
|
||||
"timestamp": "1344207600"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "9608"
|
||||
},
|
||||
{
|
||||
"name": "Rhona Davidson",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$327,900",
|
||||
"start_date": {
|
||||
"display": "Thu 14th Oct 10",
|
||||
"timestamp": "1287010800"
|
||||
},
|
||||
"office": "Tokyo",
|
||||
"extn": "6200"
|
||||
},
|
||||
{
|
||||
"name": "Colleen Hurst",
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$205,500",
|
||||
"start_date": {
|
||||
"display": "Tue 15th Sep 09",
|
||||
"timestamp": "1252969200"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "2360"
|
||||
},
|
||||
{
|
||||
"name": "Sonya Frost",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$103,600",
|
||||
"start_date": {
|
||||
"display": "Sat 13th Dec 08",
|
||||
"timestamp": "1229126400"
|
||||
},
|
||||
"office": "Edinburgh",
|
||||
"extn": "1667"
|
||||
},
|
||||
{
|
||||
"name": "Jena Gaines",
|
||||
"position": "Office Manager",
|
||||
"salary": "$90,560",
|
||||
"start_date": {
|
||||
"display": "Fri 19th Dec 08",
|
||||
"timestamp": "1229644800"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "3814"
|
||||
},
|
||||
{
|
||||
"name": "Quinn Flynn",
|
||||
"position": "Support Lead",
|
||||
"salary": "$342,000",
|
||||
"start_date": {
|
||||
"display": "Sun 3rd Mar 13",
|
||||
"timestamp": "1362268800"
|
||||
},
|
||||
"office": "Edinburgh",
|
||||
"extn": "9497"
|
||||
},
|
||||
{
|
||||
"name": "Charde Marshall",
|
||||
"position": "Regional Director",
|
||||
"salary": "$470,600",
|
||||
"start_date": {
|
||||
"display": "Thu 16th Oct 08",
|
||||
"timestamp": "1224111600"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "6741"
|
||||
},
|
||||
{
|
||||
"name": "Haley Kennedy",
|
||||
"position": "Senior Marketing Designer",
|
||||
"salary": "$313,500",
|
||||
"start_date": {
|
||||
"display": "Tue 18th Dec 12",
|
||||
"timestamp": "1355788800"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "3597"
|
||||
},
|
||||
{
|
||||
"name": "Tatyana Fitzpatrick",
|
||||
"position": "Regional Director",
|
||||
"salary": "$385,750",
|
||||
"start_date": {
|
||||
"display": "Wed 17th Mar 10",
|
||||
"timestamp": "1268784000"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "1965"
|
||||
},
|
||||
{
|
||||
"name": "Michael Silva",
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$198,500",
|
||||
"start_date": {
|
||||
"display": "Tue 27th Nov 12",
|
||||
"timestamp": "1353974400"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "1581"
|
||||
},
|
||||
{
|
||||
"name": "Paul Byrd",
|
||||
"position": "Chief Financial Officer (CFO)",
|
||||
"salary": "$725,000",
|
||||
"start_date": {
|
||||
"display": "Wed 9th Jun 10",
|
||||
"timestamp": "1276038000"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "3059"
|
||||
},
|
||||
{
|
||||
"name": "Gloria Little",
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$237,500",
|
||||
"start_date": {
|
||||
"display": "Fri 10th Apr 09",
|
||||
"timestamp": "1239318000"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "1721"
|
||||
},
|
||||
{
|
||||
"name": "Bradley Greer",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$132,000",
|
||||
"start_date": {
|
||||
"display": "Sat 13th Oct 12",
|
||||
"timestamp": "1350082800"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "2558"
|
||||
},
|
||||
{
|
||||
"name": "Dai Rios",
|
||||
"position": "Personnel Lead",
|
||||
"salary": "$217,500",
|
||||
"start_date": {
|
||||
"display": "Wed 26th Sep 12",
|
||||
"timestamp": "1348614000"
|
||||
},
|
||||
"office": "Edinburgh",
|
||||
"extn": "2290"
|
||||
},
|
||||
{
|
||||
"name": "Jenette Caldwell",
|
||||
"position": "Development Lead",
|
||||
"salary": "$345,000",
|
||||
"start_date": {
|
||||
"display": "Sat 3rd Sep 11",
|
||||
"timestamp": "1315004400"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "1937"
|
||||
},
|
||||
{
|
||||
"name": "Yuri Berry",
|
||||
"position": "Chief Marketing Officer (CMO)",
|
||||
"salary": "$675,000",
|
||||
"start_date": {
|
||||
"display": "Thu 25th Jun 09",
|
||||
"timestamp": "1245884400"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "6154"
|
||||
},
|
||||
{
|
||||
"name": "Caesar Vance",
|
||||
"position": "Pre-Sales Support",
|
||||
"salary": "$106,450",
|
||||
"start_date": {
|
||||
"display": "Mon 12th Dec 11",
|
||||
"timestamp": "1323648000"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "8330"
|
||||
},
|
||||
{
|
||||
"name": "Doris Wilder",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$85,600",
|
||||
"start_date": {
|
||||
"display": "Mon 20th Sep 10",
|
||||
"timestamp": "1284937200"
|
||||
},
|
||||
"office": "Sidney",
|
||||
"extn": "3023"
|
||||
},
|
||||
{
|
||||
"name": "Angelica Ramos",
|
||||
"position": "Chief Executive Officer (CEO)",
|
||||
"salary": "$1,200,000",
|
||||
"start_date": {
|
||||
"display": "Fri 9th Oct 09",
|
||||
"timestamp": "1255042800"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "5797"
|
||||
},
|
||||
{
|
||||
"name": "Gavin Joyce",
|
||||
"position": "Developer",
|
||||
"salary": "$92,575",
|
||||
"start_date": {
|
||||
"display": "Wed 22nd Dec 10",
|
||||
"timestamp": "1292976000"
|
||||
},
|
||||
"office": "Edinburgh",
|
||||
"extn": "8822"
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Chang",
|
||||
"position": "Regional Director",
|
||||
"salary": "$357,650",
|
||||
"start_date": {
|
||||
"display": "Sun 14th Nov 10",
|
||||
"timestamp": "1289692800"
|
||||
},
|
||||
"office": "Singapore",
|
||||
"extn": "9239"
|
||||
},
|
||||
{
|
||||
"name": "Brenden Wagner",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$206,850",
|
||||
"start_date": {
|
||||
"display": "Tue 7th Jun 11",
|
||||
"timestamp": "1307401200"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "1314"
|
||||
},
|
||||
{
|
||||
"name": "Fiona Green",
|
||||
"position": "Chief Operating Officer (COO)",
|
||||
"salary": "$850,000",
|
||||
"start_date": {
|
||||
"display": "Thu 11th Mar 10",
|
||||
"timestamp": "1268265600"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "2947"
|
||||
},
|
||||
{
|
||||
"name": "Shou Itou",
|
||||
"position": "Regional Marketing",
|
||||
"salary": "$163,000",
|
||||
"start_date": {
|
||||
"display": "Sun 14th Aug 11",
|
||||
"timestamp": "1313276400"
|
||||
},
|
||||
"office": "Tokyo",
|
||||
"extn": "8899"
|
||||
},
|
||||
{
|
||||
"name": "Michelle House",
|
||||
"position": "Integration Specialist",
|
||||
"salary": "$95,400",
|
||||
"start_date": {
|
||||
"display": "Thu 2nd Jun 11",
|
||||
"timestamp": "1306969200"
|
||||
},
|
||||
"office": "Sidney",
|
||||
"extn": "2769"
|
||||
},
|
||||
{
|
||||
"name": "Suki Burks",
|
||||
"position": "Developer",
|
||||
"salary": "$114,500",
|
||||
"start_date": {
|
||||
"display": "Thu 22nd Oct 09",
|
||||
"timestamp": "1256166000"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "6832"
|
||||
},
|
||||
{
|
||||
"name": "Prescott Bartlett",
|
||||
"position": "Technical Author",
|
||||
"salary": "$145,000",
|
||||
"start_date": {
|
||||
"display": "Sat 7th May 11",
|
||||
"timestamp": "1304722800"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "3606"
|
||||
},
|
||||
{
|
||||
"name": "Gavin Cortez",
|
||||
"position": "Team Leader",
|
||||
"salary": "$235,500",
|
||||
"start_date": {
|
||||
"display": "Sun 26th Oct 08",
|
||||
"timestamp": "1224975600"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "2860"
|
||||
},
|
||||
{
|
||||
"name": "Martena Mccray",
|
||||
"position": "Post-Sales support",
|
||||
"salary": "$324,050",
|
||||
"start_date": {
|
||||
"display": "Wed 9th Mar 11",
|
||||
"timestamp": "1299628800"
|
||||
},
|
||||
"office": "Edinburgh",
|
||||
"extn": "8240"
|
||||
},
|
||||
{
|
||||
"name": "Unity Butler",
|
||||
"position": "Marketing Designer",
|
||||
"salary": "$85,675",
|
||||
"start_date": {
|
||||
"display": "Wed 9th Dec 09",
|
||||
"timestamp": "1260316800"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": "Howard Hatfield",
|
||||
"position": "Office Manager",
|
||||
"salary": "$164,500",
|
||||
"start_date": {
|
||||
"display": "Tue 16th Dec 08",
|
||||
"timestamp": "1229385600"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "7031"
|
||||
},
|
||||
{
|
||||
"name": "Hope Fuentes",
|
||||
"position": "Secretary",
|
||||
"salary": "$109,850",
|
||||
"start_date": {
|
||||
"display": "Fri 12th Feb 10",
|
||||
"timestamp": "1265932800"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "6318"
|
||||
},
|
||||
{
|
||||
"name": "Vivian Harrell",
|
||||
"position": "Financial Controller",
|
||||
"salary": "$452,500",
|
||||
"start_date": {
|
||||
"display": "Sat 14th Feb 09",
|
||||
"timestamp": "1234569600"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "9422"
|
||||
},
|
||||
{
|
||||
"name": "Timothy Mooney",
|
||||
"position": "Office Manager",
|
||||
"salary": "$136,200",
|
||||
"start_date": {
|
||||
"display": "Thu 11th Dec 08",
|
||||
"timestamp": "1228953600"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "7580"
|
||||
},
|
||||
{
|
||||
"name": "Jackson Bradshaw",
|
||||
"position": "Director",
|
||||
"salary": "$645,750",
|
||||
"start_date": {
|
||||
"display": "Fri 26th Sep 08",
|
||||
"timestamp": "1222383600"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "1042"
|
||||
},
|
||||
{
|
||||
"name": "Olivia Liang",
|
||||
"position": "Support Engineer",
|
||||
"salary": "$234,500",
|
||||
"start_date": {
|
||||
"display": "Thu 3rd Feb 11",
|
||||
"timestamp": "1296691200"
|
||||
},
|
||||
"office": "Singapore",
|
||||
"extn": "2120"
|
||||
},
|
||||
{
|
||||
"name": "Bruno Nash",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$163,500",
|
||||
"start_date": {
|
||||
"display": "Tue 3rd May 11",
|
||||
"timestamp": "1304377200"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "6222"
|
||||
},
|
||||
{
|
||||
"name": "Sakura Yamamoto",
|
||||
"position": "Support Engineer",
|
||||
"salary": "$139,575",
|
||||
"start_date": {
|
||||
"display": "Wed 19th Aug 09",
|
||||
"timestamp": "1250636400"
|
||||
},
|
||||
"office": "Tokyo",
|
||||
"extn": "9383"
|
||||
},
|
||||
{
|
||||
"name": "Thor Walton",
|
||||
"position": "Developer",
|
||||
"salary": "$98,540",
|
||||
"start_date": {
|
||||
"display": "Sun 11th Aug 13",
|
||||
"timestamp": "1376175600"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "8327"
|
||||
},
|
||||
{
|
||||
"name": "Finn Camacho",
|
||||
"position": "Support Engineer",
|
||||
"salary": "$87,500",
|
||||
"start_date": {
|
||||
"display": "Tue 7th Jul 09",
|
||||
"timestamp": "1246921200"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "2927"
|
||||
},
|
||||
{
|
||||
"name": "Serge Baldwin",
|
||||
"position": "Data Coordinator",
|
||||
"salary": "$138,575",
|
||||
"start_date": {
|
||||
"display": "Mon 9th Apr 12",
|
||||
"timestamp": "1333926000"
|
||||
},
|
||||
"office": "Singapore",
|
||||
"extn": "8352"
|
||||
},
|
||||
{
|
||||
"name": "Zenaida Frank",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$125,250",
|
||||
"start_date": {
|
||||
"display": "Mon 4th Jan 10",
|
||||
"timestamp": "1262563200"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "7439"
|
||||
},
|
||||
{
|
||||
"name": "Zorita Serrano",
|
||||
"position": "Software Engineer",
|
||||
"salary": "$115,000",
|
||||
"start_date": {
|
||||
"display": "Fri 1st Jun 12",
|
||||
"timestamp": "1338505200"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "4389"
|
||||
},
|
||||
{
|
||||
"name": "Jennifer Acosta",
|
||||
"position": "Junior Javascript Developer",
|
||||
"salary": "$75,650",
|
||||
"start_date": {
|
||||
"display": "Fri 1st Feb 13",
|
||||
"timestamp": "1359676800"
|
||||
},
|
||||
"office": "Edinburgh",
|
||||
"extn": "3431"
|
||||
},
|
||||
{
|
||||
"name": "Cara Stevens",
|
||||
"position": "Sales Assistant",
|
||||
"salary": "$145,600",
|
||||
"start_date": {
|
||||
"display": "Tue 6th Dec 11",
|
||||
"timestamp": "1323129600"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "3990"
|
||||
},
|
||||
{
|
||||
"name": "Hermione Butler",
|
||||
"position": "Regional Director",
|
||||
"salary": "$356,250",
|
||||
"start_date": {
|
||||
"display": "Mon 21st Mar 11",
|
||||
"timestamp": "1300665600"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "1016"
|
||||
},
|
||||
{
|
||||
"name": "Lael Greer",
|
||||
"position": "Systems Administrator",
|
||||
"salary": "$103,500",
|
||||
"start_date": {
|
||||
"display": "Fri 27th Feb 09",
|
||||
"timestamp": "1235692800"
|
||||
},
|
||||
"office": "London",
|
||||
"extn": "6733"
|
||||
},
|
||||
{
|
||||
"name": "Jonas Alexander",
|
||||
"position": "Developer",
|
||||
"salary": "$86,500",
|
||||
"start_date": {
|
||||
"display": "Wed 14th Jul 10",
|
||||
"timestamp": "1279062000"
|
||||
},
|
||||
"office": "San Francisco",
|
||||
"extn": "8196"
|
||||
},
|
||||
{
|
||||
"name": "Shad Decker",
|
||||
"position": "Regional Director",
|
||||
"salary": "$183,000",
|
||||
"start_date": {
|
||||
"display": "Thu 13th Nov 08",
|
||||
"timestamp": "1226534400"
|
||||
},
|
||||
"office": "Edinburgh",
|
||||
"extn": "6373"
|
||||
},
|
||||
{
|
||||
"name": "Michael Bruce",
|
||||
"position": "Javascript Developer",
|
||||
"salary": "$183,000",
|
||||
"start_date": {
|
||||
"display": "Mon 27th Jun 11",
|
||||
"timestamp": "1309129200"
|
||||
},
|
||||
"office": "Singapore",
|
||||
"extn": "5384"
|
||||
},
|
||||
{
|
||||
"name": "Donna Snider",
|
||||
"position": "Customer Support",
|
||||
"salary": "$112,000",
|
||||
"start_date": {
|
||||
"display": "Tue 25th Jan 11",
|
||||
"timestamp": "1295913600"
|
||||
},
|
||||
"office": "New York",
|
||||
"extn": "4226"
|
||||
}
|
||||
]
|
||||
}
|
||||
339
app/static/global/plugins/datatables/examples/ajax/deep.html
Normal file
339
app/static/global/plugins/datatables/examples/ajax/deep.html
Normal file
@ -0,0 +1,339 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
|
||||
<title>DataTables example - Nested object data (objects)</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<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>
|
||||
<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>
|
||||
<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( {
|
||||
"processing": true,
|
||||
"ajax": "data/objects_deep.txt",
|
||||
"columns": [
|
||||
{ "data": "name" },
|
||||
{ "data": "hr.position" },
|
||||
{ "data": "contact.0" },
|
||||
{ "data": "contact.1" },
|
||||
{ "data": "hr.start_date" },
|
||||
{ "data": "hr.salary" }
|
||||
]
|
||||
} );
|
||||
} );
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Nested object data (objects)</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<p>DataTables has the ability to use data from almost data JSON data source through the use of the
|
||||
<a href="//datatables.net/reference/option/columns.data"><code class="option" title=
|
||||
"DataTables initialisation option">columns.data<span>DT</span></code></a> option. In its simplest case,
|
||||
it can be used to read arbitrary object properties, but can also be extended to <em>n</em> levels of
|
||||
nested objects / arrays through the use of standard Javascript dotted object notation. Each dot
|
||||
(<code>.</code>) in the <a href="//datatables.net/reference/option/columns.data"><code class="option"
|
||||
title="DataTables initialisation option">columns.data<span>DT</span></code></a> option represents
|
||||
another object level.</p>
|
||||
|
||||
<p>In this example <code>hr.position</code> refers to the <code>position</code> property of the
|
||||
<code>hr</code> object in the row's data source object, while <code>contact.0</code> refers to the
|
||||
first element of the <code>contact</code> array. Any number of dots can be used to obtain deeply nested
|
||||
data.</p>
|
||||
|
||||
<p>The example below shows DataTables reading information for the columns from nested objects and
|
||||
arrays, where the structure of the row's data source in this example is:</p>
|
||||
<pre>
|
||||
<code class="multiline">{
|
||||
"name": "Tiger Nixon",
|
||||
"hr": {
|
||||
"position": "System Architect",
|
||||
"salary": "$3,120",
|
||||
"start_date": "2011/04/25"
|
||||
},
|
||||
"contact": [
|
||||
"Edinburgh",
|
||||
"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>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this
|
||||
example:</p><code class="multiline brush: js;">$(document).ready(function() {
|
||||
$('#example').dataTable( {
|
||||
"processing": true,
|
||||
"ajax": "data/objects_deep.txt",
|
||||
"columns": [
|
||||
{ "data": "name" },
|
||||
{ "data": "hr.position" },
|
||||
{ "data": "contact.0" },
|
||||
{ "data": "contact.1" },
|
||||
{ "data": "hr.start_date" },
|
||||
{ "data": "hr.salary" }
|
||||
]
|
||||
} );
|
||||
} );</code>
|
||||
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this
|
||||
example:</p>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
|
||||
DataTables:</p>
|
||||
</div>
|
||||
|
||||
<div class="css">
|
||||
<div>
|
||||
<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 brush: js;"></code>
|
||||
</div>
|
||||
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the
|
||||
table:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href=
|
||||
"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ajax">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="php">
|
||||
<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>
|
||||
</div>
|
||||
</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">
|
||||
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
|
||||
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
|
||||
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
|
||||
colspan)</a></li>
|
||||
<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>
|
||||
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
|
||||
ThemeRoller</a></li>
|
||||
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
|
||||
<li><a href="../basic_init/language.html">Language options</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<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>
|
||||
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
|
||||
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
|
||||
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
|
||||
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
|
||||
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
|
||||
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
|
||||
control</a></li>
|
||||
</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>
|
||||
<li><a href="../styling/compact.html">Base style - compact</a></li>
|
||||
<li><a href="../styling/hover.html">Base style - hover</a></li>
|
||||
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
|
||||
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
|
||||
<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>
|
||||
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
|
||||
<li><a href="../api/multi_filter_select.html">Individual column searching (select
|
||||
inputs)</a></li>
|
||||
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
|
||||
<li><a href="../api/row_details.html">Child rows (show extra / detailed
|
||||
information)</a></li>
|
||||
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
|
||||
<li><a href="../api/select_single_row.html">Row selection and deletion (single
|
||||
row)</a></li>
|
||||
<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>
|
||||
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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 class="active"><a href="./deep.html">Nested object data (objects)</a></li>
|
||||
<li><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
|
||||
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<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">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<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>
|
||||
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
|
||||
paging</a></li>
|
||||
</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>
|
||||
<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>
|
||||
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
|
||||
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,307 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
|
||||
<title>DataTables example - Deferred rendering for speed</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<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>
|
||||
<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>
|
||||
<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/arrays.txt",
|
||||
"deferRender": true
|
||||
} );
|
||||
} );
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Deferred rendering for speed</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<p>When working with large data sources, you might seek to improve the speed at which DataTables runs.
|
||||
One method to do this is to make use of the built-in deferred rendering option in DataTables with the
|
||||
<a href="//datatables.net/reference/option/deferRender"><code class="option" title=
|
||||
"DataTables initialisation option">deferRender<span>DT</span></code></a> option.</p>
|
||||
|
||||
<p>When deferred rendering is enabled, rather than having DataTables create all <code class="tag"
|
||||
title="HTML tag">TR</code> and <code class="tag" title="HTML tag">TD</code> nodes required for the
|
||||
table when the data is loaded, DataTables will only create the nodes required for each individual row
|
||||
at the time of that row being drawn on the page (these nodes are then retained in case they are needed
|
||||
again so they aren't created multiple times). This can give a significant performance increase, since a
|
||||
lot less work is done at initialisation time.</p>
|
||||
|
||||
<p>The example below shows DataTables with deferred rendering enabled. For this small example you'll
|
||||
likely notice no difference, but larger tables can benefit significantly from simply enabling this
|
||||
parameter.</p>
|
||||
</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>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this
|
||||
example:</p><code class="multiline brush: js;">$(document).ready(function() {
|
||||
$('#example').dataTable( {
|
||||
"ajax": "data/arrays.txt",
|
||||
"deferRender": true
|
||||
} );
|
||||
} );</code>
|
||||
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this
|
||||
example:</p>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
|
||||
DataTables:</p>
|
||||
</div>
|
||||
|
||||
<div class="css">
|
||||
<div>
|
||||
<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 brush: js;"></code>
|
||||
</div>
|
||||
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the
|
||||
table:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href=
|
||||
"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ajax">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="php">
|
||||
<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>
|
||||
</div>
|
||||
</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">
|
||||
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
|
||||
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
|
||||
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
|
||||
colspan)</a></li>
|
||||
<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>
|
||||
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
|
||||
ThemeRoller</a></li>
|
||||
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
|
||||
<li><a href="../basic_init/language.html">Language options</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<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>
|
||||
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
|
||||
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
|
||||
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
|
||||
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
|
||||
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
|
||||
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
|
||||
control</a></li>
|
||||
</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>
|
||||
<li><a href="../styling/compact.html">Base style - compact</a></li>
|
||||
<li><a href="../styling/hover.html">Base style - hover</a></li>
|
||||
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
|
||||
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
|
||||
<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>
|
||||
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
|
||||
<li><a href="../api/multi_filter_select.html">Individual column searching (select
|
||||
inputs)</a></li>
|
||||
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
|
||||
<li><a href="../api/row_details.html">Child rows (show extra / detailed
|
||||
information)</a></li>
|
||||
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
|
||||
<li><a href="../api/select_single_row.html">Row selection and deletion (single
|
||||
row)</a></li>
|
||||
<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>
|
||||
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
|
||||
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<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 class="active"><a href="./defer_render.html">Deferred rendering for speed</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<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>
|
||||
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
|
||||
paging</a></li>
|
||||
</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>
|
||||
<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>
|
||||
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
|
||||
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,71 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
|
||||
<link rel="stylesheet" type="text/css" href="../resources/demo.css">
|
||||
<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
|
||||
|
||||
<title>DataTables examples - Ajax sourced data</title>
|
||||
</head>
|
||||
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Ajax sourced data</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<p>DataTables can read data from a server via Ajax, while still performing searching, ordering, paging
|
||||
etc on the client-side. This is done through use of the <a href=
|
||||
"//datatables.net/reference/option/ajax"><code class="option" title=
|
||||
"DataTables initialisation option">ajax<span>DT</span></code></a> option, which has a number of options
|
||||
to customise how the data is retrieved from the server.</p>
|
||||
|
||||
<p>The examples in this section demonstrate the use of Ajax loading data in DataTables, with
|
||||
client-side processing.</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="footer">
|
||||
<div class="gradient"></div>
|
||||
|
||||
<div class="liner">
|
||||
<div class="toc">
|
||||
<div class="toc-group">
|
||||
<h3><a href="./index.html">Ajax</a></h3>
|
||||
<ul class="toc">
|
||||
<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><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
|
||||
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<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>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,337 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
|
||||
<title>DataTables example - Generated content for a column</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<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>
|
||||
<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>
|
||||
<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() {
|
||||
var table = $('#example').DataTable( {
|
||||
"ajax": "data/arrays.txt",
|
||||
"columnDefs": [ {
|
||||
"targets": -1,
|
||||
"data": null,
|
||||
"defaultContent": "<button>Click!</button>"
|
||||
} ]
|
||||
} );
|
||||
|
||||
$('#example tbody').on( 'click', 'button', function () {
|
||||
var data = table.row( $(this).parents('tr') ).data();
|
||||
alert( data[0] +"'s salary is: "+ data[ 5 ] );
|
||||
} );
|
||||
} );
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Generated content for a column</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<p>In some tables you might wish to have some content generated automatically. This can be done in a
|
||||
number of ways:</p>
|
||||
|
||||
<ul class="markdown">
|
||||
<li><a href="//datatables.net/reference/option/columns.render"><code class="option" title=
|
||||
"DataTables initialisation option">columns.render<span>DT</span></code></a> for content that is
|
||||
dynamic (i.e. based upon the row's data)</li>
|
||||
<li><a href="//datatables.net/reference/option/columns.defaultContent"><code class="option" title=
|
||||
"DataTables initialisation option">columns.defaultContent<span>DT</span></code></a> for static
|
||||
content (i.e. simple strings)</li>
|
||||
</ul>
|
||||
|
||||
<p>This examples shows the use of <a href=
|
||||
"//datatables.net/reference/option/columns.defaultContent"><code class="option" title=
|
||||
"DataTables initialisation option">columns.defaultContent<span>DT</span></code></a> to create a
|
||||
<em>button</em> element in the last column of the table. A simple jQuery <code>click</code> event
|
||||
listener is used to watch for clicks on the row, and when activated uses the <a href=
|
||||
"//datatables.net/reference/api/row().data()"><code class="api" title=
|
||||
"DataTables API method">row().data()<span>DT</span></code></a> method to get the data for the row and
|
||||
show a bit of information about it in an <code>alert</code> box. This is a simple use case, but it can
|
||||
be built up to be arbitrarily complex.</p>
|
||||
|
||||
<p>Note also that the <a href="//datatables.net/reference/option/columns.data"><code class="option"
|
||||
title="DataTables initialisation option">columns.data<span>DT</span></code></a> option for the column
|
||||
has been set to <code>null</code> to indicate that the column has no information that should be
|
||||
obtained data source object.</p>
|
||||
</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>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this
|
||||
example:</p><code class="multiline brush: js;">$(document).ready(function() {
|
||||
var table = $('#example').DataTable( {
|
||||
"ajax": "data/arrays.txt",
|
||||
"columnDefs": [ {
|
||||
"targets": -1,
|
||||
"data": null,
|
||||
"defaultContent": "<button>Click!</button>"
|
||||
} ]
|
||||
} );
|
||||
|
||||
$('#example tbody').on( 'click', 'button', function () {
|
||||
var data = table.row( $(this).parents('tr') ).data();
|
||||
alert( data[0] +"'s salary is: "+ data[ 5 ] );
|
||||
} );
|
||||
} );</code>
|
||||
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this
|
||||
example:</p>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
|
||||
DataTables:</p>
|
||||
</div>
|
||||
|
||||
<div class="css">
|
||||
<div>
|
||||
<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 brush: js;"></code>
|
||||
</div>
|
||||
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the
|
||||
table:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href=
|
||||
"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ajax">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="php">
|
||||
<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>
|
||||
</div>
|
||||
</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">
|
||||
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
|
||||
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
|
||||
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
|
||||
colspan)</a></li>
|
||||
<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>
|
||||
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
|
||||
ThemeRoller</a></li>
|
||||
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
|
||||
<li><a href="../basic_init/language.html">Language options</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<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>
|
||||
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
|
||||
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
|
||||
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
|
||||
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
|
||||
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
|
||||
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
|
||||
control</a></li>
|
||||
</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>
|
||||
<li><a href="../styling/compact.html">Base style - compact</a></li>
|
||||
<li><a href="../styling/hover.html">Base style - hover</a></li>
|
||||
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
|
||||
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
|
||||
<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>
|
||||
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
|
||||
<li><a href="../api/multi_filter_select.html">Individual column searching (select
|
||||
inputs)</a></li>
|
||||
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
|
||||
<li><a href="../api/row_details.html">Child rows (show extra / detailed
|
||||
information)</a></li>
|
||||
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
|
||||
<li><a href="../api/select_single_row.html">Row selection and deletion (single
|
||||
row)</a></li>
|
||||
<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>
|
||||
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
|
||||
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<li class="active"><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">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<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>
|
||||
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
|
||||
paging</a></li>
|
||||
</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>
|
||||
<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>
|
||||
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
|
||||
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
330
app/static/global/plugins/datatables/examples/ajax/objects.html
Normal file
330
app/static/global/plugins/datatables/examples/ajax/objects.html
Normal file
@ -0,0 +1,330 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
|
||||
<title>DataTables example - Ajax data source (objects)</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<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>
|
||||
<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>
|
||||
<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.txt",
|
||||
"columns": [
|
||||
{ "data": "name" },
|
||||
{ "data": "position" },
|
||||
{ "data": "office" },
|
||||
{ "data": "extn" },
|
||||
{ "data": "start_date" },
|
||||
{ "data": "salary" }
|
||||
]
|
||||
} );
|
||||
} );
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Ajax data source (objects)</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<p>To try and make life easy, by default, DataTables expects arrays to be used as the data source for
|
||||
rows in the table. However, this isn't always useful, and you may wish to have DataTables use objects
|
||||
as the data source for each row (i.e. each row has its data described by an object) as this can make
|
||||
working with the data much more understandable, particularly if you are using the API and you don't
|
||||
need to keep track of array indexes.</p>
|
||||
|
||||
<p>This can be done quite simply by using 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 you use to tell
|
||||
DataTables which property to use from the data source object for each column.</p>
|
||||
|
||||
<p>In this example the Ajax source returns an array of objects, which DataTables uses to display the
|
||||
table. The structure of the row's data source in this example is:</p>
|
||||
<pre>
|
||||
<code class="multiline">{
|
||||
"name": "Tiger Nixon",
|
||||
"position": "System Architect",
|
||||
"salary": "$3,120",
|
||||
"start_date": "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>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this
|
||||
example:</p><code class="multiline brush: js;">$(document).ready(function() {
|
||||
$('#example').dataTable( {
|
||||
"ajax": "data/objects.txt",
|
||||
"columns": [
|
||||
{ "data": "name" },
|
||||
{ "data": "position" },
|
||||
{ "data": "office" },
|
||||
{ "data": "extn" },
|
||||
{ "data": "start_date" },
|
||||
{ "data": "salary" }
|
||||
]
|
||||
} );
|
||||
} );</code>
|
||||
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this
|
||||
example:</p>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
|
||||
DataTables:</p>
|
||||
</div>
|
||||
|
||||
<div class="css">
|
||||
<div>
|
||||
<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 brush: js;"></code>
|
||||
</div>
|
||||
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the
|
||||
table:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href=
|
||||
"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ajax">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="php">
|
||||
<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>
|
||||
</div>
|
||||
</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">
|
||||
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
|
||||
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
|
||||
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
|
||||
colspan)</a></li>
|
||||
<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>
|
||||
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
|
||||
ThemeRoller</a></li>
|
||||
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
|
||||
<li><a href="../basic_init/language.html">Language options</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<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>
|
||||
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
|
||||
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
|
||||
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
|
||||
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
|
||||
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
|
||||
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
|
||||
control</a></li>
|
||||
</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>
|
||||
<li><a href="../styling/compact.html">Base style - compact</a></li>
|
||||
<li><a href="../styling/hover.html">Base style - hover</a></li>
|
||||
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
|
||||
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
|
||||
<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>
|
||||
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
|
||||
<li><a href="../api/multi_filter_select.html">Individual column searching (select
|
||||
inputs)</a></li>
|
||||
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
|
||||
<li><a href="../api/row_details.html">Child rows (show extra / detailed
|
||||
information)</a></li>
|
||||
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
|
||||
<li><a href="../api/select_single_row.html">Row selection and deletion (single
|
||||
row)</a></li>
|
||||
<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>
|
||||
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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 class="active"><a href="./objects.html">Ajax data source (objects)</a></li>
|
||||
<li><a href="./deep.html">Nested object data (objects)</a></li>
|
||||
<li><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
|
||||
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<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">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<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>
|
||||
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
|
||||
paging</a></li>
|
||||
</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>
|
||||
<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>
|
||||
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
|
||||
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,351 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
|
||||
<title>DataTables example - Nested object data (arrays)</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<h1>DataTables example <span>Nested object data (arrays)</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<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>
|
||||
|
||||
<p>The <a href="//datatables.net/reference/option/columns.data"><code class="option" title=
|
||||
"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=
|
||||
"DataTables initialisation option">columns.data<span>DT</span></code></a> to read arrays:</p>
|
||||
|
||||
<ul class="markdown">
|
||||
<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>
|
||||
</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>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this
|
||||
example:</p><code class="multiline brush: js;">$(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" }
|
||||
]
|
||||
} );
|
||||
} );</code>
|
||||
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this
|
||||
example:</p>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
|
||||
DataTables:</p>
|
||||
</div>
|
||||
|
||||
<div class="css">
|
||||
<div>
|
||||
<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 brush: js;"></code>
|
||||
</div>
|
||||
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the
|
||||
table:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href=
|
||||
"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ajax">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="php">
|
||||
<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>
|
||||
</div>
|
||||
</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">
|
||||
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
|
||||
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
|
||||
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
|
||||
colspan)</a></li>
|
||||
<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>
|
||||
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
|
||||
ThemeRoller</a></li>
|
||||
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
|
||||
<li><a href="../basic_init/language.html">Language options</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<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>
|
||||
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
|
||||
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
|
||||
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
|
||||
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
|
||||
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
|
||||
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
|
||||
control</a></li>
|
||||
</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>
|
||||
<li><a href="../styling/compact.html">Base style - compact</a></li>
|
||||
<li><a href="../styling/hover.html">Base style - hover</a></li>
|
||||
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
|
||||
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
|
||||
<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>
|
||||
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
|
||||
<li><a href="../api/multi_filter_select.html">Individual column searching (select
|
||||
inputs)</a></li>
|
||||
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
|
||||
<li><a href="../api/row_details.html">Child rows (show extra / detailed
|
||||
information)</a></li>
|
||||
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
|
||||
<li><a href="../api/select_single_row.html">Row selection and deletion (single
|
||||
row)</a></li>
|
||||
<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>
|
||||
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<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">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<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>
|
||||
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
|
||||
paging</a></li>
|
||||
</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>
|
||||
<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>
|
||||
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
|
||||
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,339 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
|
||||
<title>DataTables example - Orthogonal data</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<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>
|
||||
<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>
|
||||
<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/orthogonal.txt",
|
||||
columns: [
|
||||
{ data: "name" },
|
||||
{ data: "position" },
|
||||
{ data: "office" },
|
||||
{ data: "extn" },
|
||||
{ data: {
|
||||
_: "start_date.display",
|
||||
sort: "start_date.timestamp"
|
||||
} },
|
||||
{ data: "salary" }
|
||||
]
|
||||
} );
|
||||
} );
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Orthogonal data</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<p>To try and make life easy, by default, DataTables expects arrays to be used as the data source for
|
||||
rows in the table. However, this isn't always useful, and you may wish to have DataTables use objects
|
||||
as the data source for each row (i.e. each row has its data described by an object) as this can make
|
||||
working with the data much more understandable, particularly if you are using the API and you don't
|
||||
need to keep track of array indexes.</p>
|
||||
|
||||
<p>This can be done quite simply by using 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 you use to tell
|
||||
DataTables which property to use from the data source object for each column.</p>
|
||||
|
||||
<p>In this example the Ajax source returns an array of objects, which DataTables uses to display the
|
||||
table. The structure of the row's data source in this example is:</p>
|
||||
<pre>
|
||||
<code class="multiline">{
|
||||
"name": "Tiger Nixon",
|
||||
"position": "System Architect",
|
||||
"salary": "$3,120",
|
||||
"start_date": {
|
||||
"display": "Mon 25th Apr 11",
|
||||
"timestamp": "1303682400"
|
||||
},
|
||||
"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>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this
|
||||
example:</p><code class="multiline brush: js;">$(document).ready(function() {
|
||||
$('#example').dataTable( {
|
||||
ajax: "data/orthogonal.txt",
|
||||
columns: [
|
||||
{ data: "name" },
|
||||
{ data: "position" },
|
||||
{ data: "office" },
|
||||
{ data: "extn" },
|
||||
{ data: {
|
||||
_: "start_date.display",
|
||||
sort: "start_date.timestamp"
|
||||
} },
|
||||
{ data: "salary" }
|
||||
]
|
||||
} );
|
||||
} );</code>
|
||||
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this
|
||||
example:</p>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
|
||||
DataTables:</p>
|
||||
</div>
|
||||
|
||||
<div class="css">
|
||||
<div>
|
||||
<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 brush: js;"></code>
|
||||
</div>
|
||||
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the
|
||||
table:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href=
|
||||
"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ajax">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="php">
|
||||
<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>
|
||||
</div>
|
||||
</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">
|
||||
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
|
||||
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
|
||||
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
|
||||
colspan)</a></li>
|
||||
<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>
|
||||
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
|
||||
ThemeRoller</a></li>
|
||||
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
|
||||
<li><a href="../basic_init/language.html">Language options</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<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>
|
||||
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
|
||||
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
|
||||
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
|
||||
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
|
||||
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
|
||||
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
|
||||
control</a></li>
|
||||
</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>
|
||||
<li><a href="../styling/compact.html">Base style - compact</a></li>
|
||||
<li><a href="../styling/hover.html">Base style - hover</a></li>
|
||||
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
|
||||
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
|
||||
<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>
|
||||
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
|
||||
<li><a href="../api/multi_filter_select.html">Individual column searching (select
|
||||
inputs)</a></li>
|
||||
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
|
||||
<li><a href="../api/row_details.html">Child rows (show extra / detailed
|
||||
information)</a></li>
|
||||
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
|
||||
<li><a href="../api/select_single_row.html">Row selection and deletion (single
|
||||
row)</a></li>
|
||||
<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>
|
||||
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<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><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
|
||||
<li class="active"><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<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">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<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>
|
||||
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
|
||||
paging</a></li>
|
||||
</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>
|
||||
<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>
|
||||
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
|
||||
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
323
app/static/global/plugins/datatables/examples/ajax/simple.html
Normal file
323
app/static/global/plugins/datatables/examples/ajax/simple.html
Normal file
@ -0,0 +1,323 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
|
||||
<title>DataTables example - Ajax data source (arrays)</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
|
||||
<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>
|
||||
<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>
|
||||
<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/arrays.txt"
|
||||
} );
|
||||
} );
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="dt-example">
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>DataTables example <span>Ajax data source (arrays)</span></h1>
|
||||
|
||||
<div class="info">
|
||||
<p>DataTables has the ability to read data from virtually any JSON data source that can be obtained by
|
||||
Ajax. This can be done, in its most simple form, by setting the <a href=
|
||||
"//datatables.net/reference/option/ajax"><code class="option" title=
|
||||
"DataTables initialisation option">ajax<span>DT</span></code></a> option to the address of the JSON
|
||||
data source.</p>
|
||||
|
||||
<p>The <a href="//datatables.net/reference/option/ajax"><code class="option" title=
|
||||
"DataTables initialisation option">ajax<span>DT</span></code></a> option also allows for more advanced
|
||||
configuration such as altering how the Ajax request is made. See the <a href=
|
||||
"//datatables.net/reference/option/ajax"><code class="option" title=
|
||||
"DataTables initialisation option">ajax<span>DT</span></code></a> documentation or the other Ajax
|
||||
examples for DataTables for further information.</p>
|
||||
|
||||
<p>By default DataTables will assume that an array data source is to be used and will read the
|
||||
information to be displayed in each column from the row's array using the column index, making working
|
||||
with arrays very simple (note that this can be changed, or objects used may using the <a href=
|
||||
"//datatables.net/reference/option/columns.data"><code class="option" title=
|
||||
"DataTables initialisation option">columns.data<span>DT</span></code></a> option, shown in other
|
||||
examples).</p>
|
||||
|
||||
<p>The example below shows DataTables loading data for a table from arrays as the data source, where
|
||||
the structure of the row's data source in this example is:</p>
|
||||
<pre>
|
||||
<code class="multiline">[
|
||||
"Tiger Nixon",
|
||||
"System Architect",
|
||||
"Edinburgh",
|
||||
"5421",
|
||||
"2011/04/25",
|
||||
"$3,120"
|
||||
]
|
||||
</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>
|
||||
<li>Server-side script</li>
|
||||
</ul>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="js">
|
||||
<p>The Javascript shown below is used to initialise the table shown in this
|
||||
example:</p><code class="multiline brush: js;">$(document).ready(function() {
|
||||
$('#example').dataTable( {
|
||||
"ajax": "data/arrays.txt"
|
||||
} );
|
||||
} );</code>
|
||||
|
||||
<p>In addition to the above code, the following Javascript library files are loaded for use in this
|
||||
example:</p>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="table">
|
||||
<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
|
||||
DataTables:</p>
|
||||
</div>
|
||||
|
||||
<div class="css">
|
||||
<div>
|
||||
<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 brush: js;"></code>
|
||||
</div>
|
||||
|
||||
<p>The following CSS library files are loaded for use in this example to provide the styling of the
|
||||
table:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href=
|
||||
"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ajax">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="php">
|
||||
<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>
|
||||
</div>
|
||||
</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">
|
||||
<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
|
||||
<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
|
||||
<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
|
||||
colspan)</a></li>
|
||||
<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>
|
||||
<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
|
||||
ThemeRoller</a></li>
|
||||
<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
|
||||
<li><a href="../basic_init/language.html">Language options</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
|
||||
<ul class="toc">
|
||||
<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>
|
||||
<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
|
||||
<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
|
||||
<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
|
||||
<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
|
||||
<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
|
||||
<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
|
||||
control</a></li>
|
||||
</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>
|
||||
<li><a href="../styling/compact.html">Base style - compact</a></li>
|
||||
<li><a href="../styling/hover.html">Base style - hover</a></li>
|
||||
<li><a href="../styling/order-column.html">Base style - order-column</a></li>
|
||||
<li><a href="../styling/row-border.html">Base style - row borders</a></li>
|
||||
<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>
|
||||
<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="../data_sources/index.html">Data sources</a></h3>
|
||||
<ul class="toc">
|
||||
<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
|
||||
<li><a href="../api/multi_filter_select.html">Individual column searching (select
|
||||
inputs)</a></li>
|
||||
<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
|
||||
<li><a href="../api/row_details.html">Child rows (show extra / detailed
|
||||
information)</a></li>
|
||||
<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
|
||||
<li><a href="../api/select_single_row.html">Row selection and deletion (single
|
||||
row)</a></li>
|
||||
<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>
|
||||
<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="toc-group">
|
||||
<h3><a href="./index.html">Ajax</a></h3>
|
||||
<ul class="toc active">
|
||||
<li class="active"><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><a href="./objects_subarrays.html">Nested object data (arrays)</a></li>
|
||||
<li><a href="./orthogonal-data.html">Orthogonal data</a></li>
|
||||
<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">
|
||||
<h3><a href="../server_side/index.html">Server-side</a></h3>
|
||||
<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>
|
||||
<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
|
||||
paging</a></li>
|
||||
</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>
|
||||
<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>
|
||||
<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
|
||||
<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="epilogue">
|
||||
<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>
|
||||
|
||||
<p class="copyright">DataTables designed and created by <a href=
|
||||
"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
|
||||
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
Block a user