Commit 707a1508592b8a0223bfd57b3a5c264cefafa93f

Authored by root
1 parent 29124159

update data-table, data-sevc, datalet-selection

Showing 511 changed files with 53065 additions and 240257 deletions

Too many changes.

To preserve performance only 100 of 511 files are displayed.

controllets/data-sevc-controllet/data-sevc-controllet.html
... ... @@ -48,7 +48,8 @@
48 48  
49 49 listeners : {
50 50 'page-slider-controllet_selected' : '_updateSlider',
51   - 'dataset-selection-controllet_data-url' : '_updateDataUrl'
  51 + 'dataset-selection-controllet_data-url' : '_allowSecondStep',
  52 + 'tree-view-controllet_selected-fields' : '_allowThirdStep'
52 53 },
53 54  
54 55 properties : {
... ... @@ -87,25 +88,29 @@
87 88 switch (e.detail.selected) {
88 89 case 0:
89 90 slider.setTitle("SELECT DATASET", "Search or copy and paste the url of dataset.");
90   - slider.chevronLeft(false);
  91 + slider.chevronLeft("invisible");
91 92 slider.chevronRight(false);
92 93 this.$.dataset_selection._fireDataUrl();
93 94 // http://designpieces.com/palette/google-new-logo-2015-color-palette-hex-and-rgb/
94 95 break;
95 96 case 1:
96 97 slider.setTitle("SELECT FIELDS", "Select the fields from tree-view. The multi-table will show the values related to the selected fields.");
97   -// slider.chevronRight(false);
  98 + slider.chevronLeft(true);
  99 + slider.chevronRight(false);
98 100 this.$.tree_view_multi_table.ready();
  101 + this._allowThirdStep({detail: {fields: tree_view_multi_table.getFlatFields()}})
99 102 break;
100 103 case 2:
101 104 slider.setTitle("SELECT DATALET", "Select a visualization, fill out inputs and labels (optional).");
102   - slider.chevronRight(false);
  105 + slider.chevronLeft(true);
  106 + slider.chevronRight("invisible");
  107 + //reset when?
103 108 this.$.datalet_selection.setFields(tree_view_multi_table.getFlatFields());//???
104 109 this.$.datalet_selection.ready();//???
105 110 }
106 111 },
107 112  
108   - _updateDataUrl : function(e){
  113 + _allowSecondStep : function(e){
109 114 this.dataUrl = e.detail.url;
110 115  
111 116 $.ajax({
... ... @@ -121,6 +126,13 @@
121 126 slider.chevronRight(false);
122 127 }
123 128 });
  129 + },
  130 +
  131 + _allowThirdStep : function(e){
  132 + if(e.detail.fields.length > 0)
  133 + slider.chevronRight(true);
  134 + else
  135 + slider.chevronRight(false);
124 136 }
125 137  
126 138 });
... ...
controllets/datalet-selection-controllet/datalet-selection-controllet.html
... ... @@ -129,12 +129,6 @@
129 129 bottom: 16px;
130 130 right: 11px;
131 131  
132   - /*float: right;*/
133   - /*margin-right: 11px;*/
134   -
135   -
136   -
137   -
138 132 height: 48px;
139 133 width: 172px;
140 134 background-color: #00BCD4;
... ...
controllets/page-slider-controllet/page-slider-controllet.html
... ... @@ -160,6 +160,14 @@
160 160  
161 161 chevronLeft : function(flag) {
162 162 var buttons = document.getElementsByTagName("paper-icon-button");
  163 +
  164 + if(flag == "invisible") {
  165 + buttons[0].style.visibility = "hidden";
  166 + return;
  167 + }
  168 + else
  169 + buttons[0].style.visibility = "visible";
  170 +
163 171 if(flag)
164 172 buttons[0].removeAttribute("disabled");
165 173 else
... ... @@ -168,6 +176,14 @@
168 176  
169 177 chevronRight : function(flag) {
170 178 var buttons = document.getElementsByTagName("paper-icon-button");
  179 +
  180 + if(flag == "invisible") {
  181 + buttons[1].style.visibility = "hidden";
  182 + return;
  183 + }
  184 + else
  185 + buttons[1].style.visibility = "visible";
  186 +
171 187 if(flag)
172 188 buttons[1].removeAttribute("disabled");
173 189 else
... ...
controllets/tree-view-multi-table-controllet/tree-view-multi-table-controllet.html
... ... @@ -80,8 +80,6 @@
80 80  
81 81 $(this.$.material_tree_view).perfectScrollbar();
82 82 $(this.$.material_multi_table).perfectScrollbar();
83   -
84   - this.$.multi_table.ready();
85 83 },
86 84  
87 85 attached : function(){
... ... @@ -115,7 +113,7 @@
115 113 }
116 114 });
117 115  
118   -
  116 + this.$.multi_table.ready();
119 117 },
120 118  
121 119 _filterJson : function(data){
... ...
datalets/datatable-datalet/datatable-datalet.html
... ... @@ -2,7 +2,7 @@
2 2 @license
3 3 The MIT License (MIT)
4 4  
5   - Copyright (c) 2015 Dipartimento di Informatica - Università di Salerno - Italy
  5 + Copyright (c) 2015 Dipartimento di Informatica - Universit� di Salerno - Italy
6 6  
7 7 Permission is hereby granted, free of charge, to any person obtaining a copy
8 8 of this software and associated documentation files (the "Software"), to deal
... ... @@ -50,45 +50,66 @@ Example:
50 50  
51 51 <dom-module id="datatable-datalet">
52 52 <template>
53   - <link rel="stylesheet" href="js/DataTables-master/media/css/jquery.dataTables.min.css">
  53 + <link rel="stylesheet" type="text/css" href="js/DataTables/datatables.css"/>
54 54  
55   - <table id="datatable" class="table table-striped table-bordered" cellspacing="0" style="height: auto; width: auto;">
  55 + <table id="datatable" class="stripe row-border" cellspacing="0" style="height: auto; width: auto;">
56 56 </table>
57 57 <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}"></base-ajax-json-jsonpath-datalet>
58 58 </template>
59 59  
60   - <script src="js/DataTables-master/media/js/jquery.dataTables.js"></script>
  60 + <script type="text/javascript" src="js/DataTables/datatables.js"></script>
61 61  
62 62 <script>
63 63 var DatatableBehavior = {
64 64  
65 65 presentData: function(){
  66 + var html = "";
  67 +
66 68 if(!this.data || this.data[0] == undefined) return;
67   - html = "";
68 69 html += '<thead>'+
69   - '<tr>';
70   - for(var x = 0; x<this.data.length; x++){
71   - html += '<th>' + this.data[x].name + '</th>';
72   - }
73   - html += '</tr>' +
74   - '</thead>' +
75   - '<tfoot>' +
76   - '<tr>';
  70 + '<tr>';
77 71 for(var x = 0; x<this.data.length; x++){
78 72 html += '<th>' + this.data[x].name + '</th>';
79 73 }
80   - html += '</tr>' +
81   - '</tfoot>' +
  74 + html += '</tr>' +
  75 + '</thead>' +
82 76 '<tbody>';
83 77 for(var i = 0; i<this.data[0].data.length; i++){
84 78 html += '<tr>';
85 79 for(var x = 0; x<this.data.length; x++){
86   - html += '<td>' + this.data[x].data[i] + '</td>';
  80 + html += '<td>' + this.data[x].data[i] + '</td>';
87 81 }
88 82 html += '</tr>';
89 83 }
90 84 html += '</tbody>';
91 85  
  86 +
  87 +// if(!this.data || this.data[0] == undefined) return;
  88 +// html = "";
  89 +// html += '<thead>'+
  90 +// '<tr>';
  91 +// for(var x = 0; x<this.data.length; x++){
  92 +// html += '<th>' + this.data[x].name + '</th>';
  93 +// }
  94 +// html += '</tr>' +
  95 +// '</thead>' +
  96 +// '<tfoot>' +
  97 +// '<tr>';
  98 +// for(var x = 0; x<this.data.length; x++){
  99 +// html += '<th>' + this.data[x].name + '</th>';
  100 +// }
  101 +// html += '</tr>' +
  102 +// '</tfoot>' +
  103 +// '<tbody>';
  104 +// for(var i = 0; i<this.data[0].data.length; i++){
  105 +// html += '<tr>';
  106 +// for(var x = 0; x<this.data.length; x++){
  107 +// html += '<td>' + this.data[x].data[i] + '</td>';
  108 +// }
  109 +// html += '</tr>';
  110 +// }
  111 +// html += '</tbody>';
  112 +
92 113 $(this._component.$.datatable).html(html);
93 114 $(this._component.$.datatable).DataTable();
94 115 }
... ...
datalets/datatable-datalet/js/DataTables-1.10.5/Contributing.md deleted
1   -# Contributing
2   -
3   -If you are thinking of contributing code to DataTables, first of all, thank you! All fixes, patches and enhancements to DataTables are very warmly welcomed. In order to keep thing manageable, there are a number of guidelines that should be followed in order to ensure that your modification is included in DataTables as quickly as possible:
4   -
5   -1. Make contributions in the DataTables/DataTablesSrc repo. Changes to the built files in the built repo (DataTables/DataTables) will not be accepted since they would be overwritten by the next build!
6   -
7   -2. Follow the style of the code in the existing files. DataTables doesn't have a coding standards document, but simple common sense of following the same style as in the existing files is ideal. For example use tabs not spaces (as you will see all source files use tabs).
8   -
9   -3. Link to a test page showing the bug you are fixing or the feature you are adding. This allows to me to quickly identify what is being changed and why. Don't worry about being verbose in pull requests - its much better to know exactly what is changing and why!
datalets/datatable-datalet/js/DataTables-1.10.5/Readme.md deleted
1   -# DataTables plug-in for jQuery
2   -
3   -DataTables is a table enhancing plug-in for the [jQuery](//jquery.com) Javascript library, adding sorting, paging and filtering abilities to plain HTML tables with minimal effort. The stated goal of DataTables is:
4   -
5   -> To enhance the accessibility of data in HTML tables.
6   -
7   -To meet this goal, DataTables is developed with two distinct groups of users in mind:
8   -
9   -* You the developers using DataTables. For developers DataTables provides a wide array of options for how data should be obtained, displayed and acted upon, along with an extensive API for accessing and manipulating the table.
10   -
11   -* End users. For those using the interface DataTables presents, actions to get the most from the information contained in tables, such as sorting and filtering, along with paging and scrolling of the data in table, are easy to use, intuitive and fast.
12   -
13   -
14   -## Installation
15   -
16   -In most cases, to use DataTables all you need to do is include jQuery, the DataTables Javascript and DataTables CSS files in your HTML page. See the [DataTables manual](http://datatables.net/manual/installation#Including-Javascript-/-CSS) for details on how to do this using the latest version of DataTables.
17   -
18   -
19   -## Usage
20   -
21   -In its simplest case, DataTables can be initialised with a single line of Javascript:
22   -
23   -```js
24   -$('table').dataTable();
25   -```
26   -
27   -where the jQuery selector is used to obtain a reference to the table you want to enhance with DataTables. Optional configuration parameters can be passed in to DataTables to have it perform certain actions by using a configuration object as the parameter passed in to the DataTables constructor. For example:
28   -
29   -```js
30   -$('table').dataTable( {
31   - paginate: false,
32   - scrollY: 300
33   -} );
34   -```
35   -
36   -will disable paging and enable scrolling.
37   -
38   -A full list of the options available for DataTables are available in the [documentation](//datatables.net).
39   -
40   -
41   -## Documentation
42   -
43   -Full documentation of the DataTables options, API and pug-in interface are available on the [DataTables web-site](//datatables.net). The site also contains information on the wide variety of plug-ins that are available for DataTables, which can be used to enhance and customise your table even further.
44   -
45   -
46   -## Support
47   -
48   -Support for DataTables is available through the [DataTables forums](//datatables.net/forums) and [commercial support options](//datatables.net/support) are available.
49   -
50   -
51   -## License
52   -
53   -DataTables is release under the [MIT license](//datatables.net/license). You are free to use, modify and distribute this software, as long as the copyright header is left intact (specifically the comment block which starts with `/*!`.
datalets/datatable-datalet/js/DataTables-1.10.5/bower.json deleted
1   -{
2   - "name": "datatables",
3   - "version": "1.10.5",
4   - "main": [
5   - "media/js/jquery.dataTables.js",
6   - "media/css/jquery.dataTables.css",
7   - "media/images/*.png"
8   - ],
9   - "dependencies": {
10   - "jquery": ">=1.7.0"
11   - },
12   - "license": "MIT",
13   - "keywords": [
14   - "jquery",
15   - "datatables",
16   - "table",
17   - "javascript",
18   - "library"
19   - ],
20   - "ignore": [
21   - "/.*",
22   - "examples",
23   - "media/unit_testing",
24   - "composer.json",
25   - "dataTables.jquery.json",
26   - "package.json"
27   - ]
28   -}
datalets/datatable-datalet/js/DataTables-1.10.5/composer.json deleted
1   -{
2   - "name": "datatables/datatables",
3   - "version": "1.10.5",
4   - "description": "DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.",
5   - "homepage": "http://www.datatables.net/",
6   - "author": "SpryMedia",
7   - "license": [
8   - "MIT"
9   - ],
10   - "prefer-stable": true,
11   - "support": {
12   - "forum": "https://datatables.net/forums",
13   - "source": "https://github.com/DataTables/DataTablesSrc/"
14   - }
15   -}
datalets/datatable-datalet/js/DataTables-1.10.5/dataTables.jquery.json deleted
1   -{
2   - "name": "DataTables",
3   - "version": "1.10.5",
4   - "description": "DataTables enhances HTML tables with the ability to sort, filter and page the data in the table very easily. It provides a comprehensive API and set of configuration options, allowing you to consume data from virtually any data source.",
5   - "homepage": "http://datatables.net/",
6   - "docs": "http://datatables.net/",
7   - "demo": "http://datatables.net/examples",
8   - "download": "http://datatables.net/download",
9   - "author": {
10   - "name": "Allan Jardine",
11   - "url": "http://sprymedia.co.uk"
12   - },
13   - "licenses": [
14   - {
15   - "type": "MIT",
16   - "url": "http://datatables.net/license_bsd"
17   - }
18   - ],
19   - "dependencies": {
20   - "jquery": ">=1.7"
21   - },
22   - "keywords": [
23   - "DataTables",
24   - "DataTable",
25   - "table",
26   - "grid",
27   - "filter",
28   - "sort",
29   - "page",
30   - "internationalisable"
31   - ]
32   -}
datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/column_render.html deleted
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   - <meta charset="utf-8">
5   - <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
6   - <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
7   -
8   - <title>DataTables example - Column rendering</title>
9   - <link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
10   - <link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
11   - <link rel="stylesheet" type="text/css" href="../resources/demo.css">
12   - <style type="text/css" class="init">
13   -
14   - </style>
15   - <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
16   - <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
17   - <script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
18   - <script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
19   - <script type="text/javascript" language="javascript" class="init">
20   -
21   -
22   -$(document).ready(function() {
23   - $('#example').dataTable( {
24   - "columnDefs": [
25   - {
26   - // The `data` parameter refers to the data for the cell (defined by the
27   - // `data` option, which defaults to the column being worked with, in
28   - // this case `data: 0`.
29   - "render": function ( data, type, row ) {
30   - return data +' ('+ row[3]+')';
31   - },
32   - "targets": 0
33   - },
34   - { "visible": false, "targets": [ 3 ] }
35   - ]
36   - } );
37   -} );
38   -
39   -
40   - </script>
41   -</head>
42   -
43   -<body class="dt-example">
44   - <div class="container">
45   - <section>
46   - <h1>DataTables example <span>Column rendering</span></h1>
47   -
48   - <div class="info">
49   - <p>Each column has an optional rendering control called <a href="//datatables.net/reference/option/columns.render"><code class="option" title=
50   - "DataTables initialisation option">columns.render<span>DT</span></code></a> which can be used to process the content of each cell before the data is used. <a href=
51   - "//datatables.net/reference/option/columns.render"><code class="option" title="DataTables initialisation option">columns.render<span>DT</span></code></a> has a
52   - wide array of options available to it for rendering different types of data orthogonally (ordering, searching, display etc), but it can be used very simply to
53   - manipulate the content of a cell, as shown here.</p>
54   -
55   - <p>This example shows the person's age combined with their name in the first column, hiding the age column. This technique can be useful for adding links,
56   - assigning colours based on content rules and any other form of text manipulation you require.</p>
57   - </div>
58   -
59   - <table id="example" class="display" cellspacing="0" width="100%">
60   - <thead>
61   - <tr>
62   - <th>Name</th>
63   - <th>Position</th>
64   - <th>Office</th>
65   - <th>Age</th>
66   - <th>Start date</th>
67   - <th>Salary</th>
68   - </tr>
69   - </thead>
70   -
71   - <tfoot>
72   - <tr>
73   - <th>Name</th>
74   - <th>Position</th>
75   - <th>Office</th>
76   - <th>Age</th>
77   - <th>Start date</th>
78   - <th>Salary</th>
79   - </tr>
80   - </tfoot>
81   -
82   - <tbody>
83   - <tr>
84   - <td>Tiger Nixon</td>
85   - <td>System Architect</td>
86   - <td>Edinburgh</td>
87   - <td>61</td>
88   - <td>2011/04/25</td>
89   - <td>$320,800</td>
90   - </tr>
91   - <tr>
92   - <td>Garrett Winters</td>
93   - <td>Accountant</td>
94   - <td>Tokyo</td>
95   - <td>63</td>
96   - <td>2011/07/25</td>
97   - <td>$170,750</td>
98   - </tr>
99   - <tr>
100   - <td>Ashton Cox</td>
101   - <td>Junior Technical Author</td>
102   - <td>San Francisco</td>
103   - <td>66</td>
104   - <td>2009/01/12</td>
105   - <td>$86,000</td>
106   - </tr>
107   - <tr>
108   - <td>Cedric Kelly</td>
109   - <td>Senior Javascript Developer</td>
110   - <td>Edinburgh</td>
111   - <td>22</td>
112   - <td>2012/03/29</td>
113   - <td>$433,060</td>
114   - </tr>
115   - <tr>
116   - <td>Airi Satou</td>
117   - <td>Accountant</td>
118   - <td>Tokyo</td>
119   - <td>33</td>
120   - <td>2008/11/28</td>
121   - <td>$162,700</td>
122   - </tr>
123   - <tr>
124   - <td>Brielle Williamson</td>
125   - <td>Integration Specialist</td>
126   - <td>New York</td>
127   - <td>61</td>
128   - <td>2012/12/02</td>
129   - <td>$372,000</td>
130   - </tr>
131   - <tr>
132   - <td>Herrod Chandler</td>
133   - <td>Sales Assistant</td>
134   - <td>San Francisco</td>
135   - <td>59</td>
136   - <td>2012/08/06</td>
137   - <td>$137,500</td>
138   - </tr>
139   - <tr>
140   - <td>Rhona Davidson</td>
141   - <td>Integration Specialist</td>
142   - <td>Tokyo</td>
143   - <td>55</td>
144   - <td>2010/10/14</td>
145   - <td>$327,900</td>
146   - </tr>
147   - <tr>
148   - <td>Colleen Hurst</td>
149   - <td>Javascript Developer</td>
150   - <td>San Francisco</td>
151   - <td>39</td>
152   - <td>2009/09/15</td>
153   - <td>$205,500</td>
154   - </tr>
155   - <tr>
156   - <td>Sonya Frost</td>
157   - <td>Software Engineer</td>
158   - <td>Edinburgh</td>
159   - <td>23</td>
160   - <td>2008/12/13</td>
161   - <td>$103,600</td>
162   - </tr>
163   - <tr>
164   - <td>Jena Gaines</td>
165   - <td>Office Manager</td>
166   - <td>London</td>
167   - <td>30</td>
168   - <td>2008/12/19</td>
169   - <td>$90,560</td>
170   - </tr>
171   - <tr>
172   - <td>Quinn Flynn</td>
173   - <td>Support Lead</td>
174   - <td>Edinburgh</td>
175   - <td>22</td>
176   - <td>2013/03/03</td>
177   - <td>$342,000</td>
178   - </tr>
179   - <tr>
180   - <td>Charde Marshall</td>
181   - <td>Regional Director</td>
182   - <td>San Francisco</td>
183   - <td>36</td>
184   - <td>2008/10/16</td>
185   - <td>$470,600</td>
186   - </tr>
187   - <tr>
188   - <td>Haley Kennedy</td>
189   - <td>Senior Marketing Designer</td>
190   - <td>London</td>
191   - <td>43</td>
192   - <td>2012/12/18</td>
193   - <td>$313,500</td>
194   - </tr>
195   - <tr>
196   - <td>Tatyana Fitzpatrick</td>
197   - <td>Regional Director</td>
198   - <td>London</td>
199   - <td>19</td>
200   - <td>2010/03/17</td>
201   - <td>$385,750</td>
202   - </tr>
203   - <tr>
204   - <td>Michael Silva</td>
205   - <td>Marketing Designer</td>
206   - <td>London</td>
207   - <td>66</td>
208   - <td>2012/11/27</td>
209   - <td>$198,500</td>
210   - </tr>
211   - <tr>
212   - <td>Paul Byrd</td>
213   - <td>Chief Financial Officer (CFO)</td>
214   - <td>New York</td>
215   - <td>64</td>
216   - <td>2010/06/09</td>
217   - <td>$725,000</td>
218   - </tr>
219   - <tr>
220   - <td>Gloria Little</td>
221   - <td>Systems Administrator</td>
222   - <td>New York</td>
223   - <td>59</td>
224   - <td>2009/04/10</td>
225   - <td>$237,500</td>
226   - </tr>
227   - <tr>
228   - <td>Bradley Greer</td>
229   - <td>Software Engineer</td>
230   - <td>London</td>
231   - <td>41</td>
232   - <td>2012/10/13</td>
233   - <td>$132,000</td>
234   - </tr>
235   - <tr>
236   - <td>Dai Rios</td>
237   - <td>Personnel Lead</td>
238   - <td>Edinburgh</td>
239   - <td>35</td>
240   - <td>2012/09/26</td>
241   - <td>$217,500</td>
242   - </tr>
243   - <tr>
244   - <td>Jenette Caldwell</td>
245   - <td>Development Lead</td>
246   - <td>New York</td>
247   - <td>30</td>
248   - <td>2011/09/03</td>
249   - <td>$345,000</td>
250   - </tr>
251   - <tr>
252   - <td>Yuri Berry</td>
253   - <td>Chief Marketing Officer (CMO)</td>
254   - <td>New York</td>
255   - <td>40</td>
256   - <td>2009/06/25</td>
257   - <td>$675,000</td>
258   - </tr>
259   - <tr>
260   - <td>Caesar Vance</td>
261   - <td>Pre-Sales Support</td>
262   - <td>New York</td>
263   - <td>21</td>
264   - <td>2011/12/12</td>
265   - <td>$106,450</td>
266   - </tr>
267   - <tr>
268   - <td>Doris Wilder</td>
269   - <td>Sales Assistant</td>
270   - <td>Sidney</td>
271   - <td>23</td>
272   - <td>2010/09/20</td>
273   - <td>$85,600</td>
274   - </tr>
275   - <tr>
276   - <td>Angelica Ramos</td>
277   - <td>Chief Executive Officer (CEO)</td>
278   - <td>London</td>
279   - <td>47</td>
280   - <td>2009/10/09</td>
281   - <td>$1,200,000</td>
282   - </tr>
283   - <tr>
284   - <td>Gavin Joyce</td>
285   - <td>Developer</td>
286   - <td>Edinburgh</td>
287   - <td>42</td>
288   - <td>2010/12/22</td>
289   - <td>$92,575</td>
290   - </tr>
291   - <tr>
292   - <td>Jennifer Chang</td>
293   - <td>Regional Director</td>
294   - <td>Singapore</td>
295   - <td>28</td>
296   - <td>2010/11/14</td>
297   - <td>$357,650</td>
298   - </tr>
299   - <tr>
300   - <td>Brenden Wagner</td>
301   - <td>Software Engineer</td>
302   - <td>San Francisco</td>
303   - <td>28</td>
304   - <td>2011/06/07</td>
305   - <td>$206,850</td>
306   - </tr>
307   - <tr>
308   - <td>Fiona Green</td>
309   - <td>Chief Operating Officer (COO)</td>
310   - <td>San Francisco</td>
311   - <td>48</td>
312   - <td>2010/03/11</td>
313   - <td>$850,000</td>
314   - </tr>
315   - <tr>
316   - <td>Shou Itou</td>
317   - <td>Regional Marketing</td>
318   - <td>Tokyo</td>
319   - <td>20</td>
320   - <td>2011/08/14</td>
321   - <td>$163,000</td>
322   - </tr>
323   - <tr>
324   - <td>Michelle House</td>
325   - <td>Integration Specialist</td>
326   - <td>Sidney</td>
327   - <td>37</td>
328   - <td>2011/06/02</td>
329   - <td>$95,400</td>
330   - </tr>
331   - <tr>
332   - <td>Suki Burks</td>
333   - <td>Developer</td>
334   - <td>London</td>
335   - <td>53</td>
336   - <td>2009/10/22</td>
337   - <td>$114,500</td>
338   - </tr>
339   - <tr>
340   - <td>Prescott Bartlett</td>
341   - <td>Technical Author</td>
342   - <td>London</td>
343   - <td>27</td>
344   - <td>2011/05/07</td>
345   - <td>$145,000</td>
346   - </tr>
347   - <tr>
348   - <td>Gavin Cortez</td>
349   - <td>Team Leader</td>
350   - <td>San Francisco</td>
351   - <td>22</td>
352   - <td>2008/10/26</td>
353   - <td>$235,500</td>
354   - </tr>
355   - <tr>
356   - <td>Martena Mccray</td>
357   - <td>Post-Sales support</td>
358   - <td>Edinburgh</td>
359   - <td>46</td>
360   - <td>2011/03/09</td>
361   - <td>$324,050</td>
362   - </tr>
363   - <tr>
364   - <td>Unity Butler</td>
365   - <td>Marketing Designer</td>
366   - <td>San Francisco</td>
367   - <td>47</td>
368   - <td>2009/12/09</td>
369   - <td>$85,675</td>
370   - </tr>
371   - <tr>
372   - <td>Howard Hatfield</td>
373   - <td>Office Manager</td>
374   - <td>San Francisco</td>
375   - <td>51</td>
376   - <td>2008/12/16</td>
377   - <td>$164,500</td>
378   - </tr>
379   - <tr>
380   - <td>Hope Fuentes</td>
381   - <td>Secretary</td>
382   - <td>San Francisco</td>
383   - <td>41</td>
384   - <td>2010/02/12</td>
385   - <td>$109,850</td>
386   - </tr>
387   - <tr>
388   - <td>Vivian Harrell</td>
389   - <td>Financial Controller</td>
390   - <td>San Francisco</td>
391   - <td>62</td>
392   - <td>2009/02/14</td>
393   - <td>$452,500</td>
394   - </tr>
395   - <tr>
396   - <td>Timothy Mooney</td>
397   - <td>Office Manager</td>
398   - <td>London</td>
399   - <td>37</td>
400   - <td>2008/12/11</td>
401   - <td>$136,200</td>
402   - </tr>
403   - <tr>
404   - <td>Jackson Bradshaw</td>
405   - <td>Director</td>
406   - <td>New York</td>
407   - <td>65</td>
408   - <td>2008/09/26</td>
409   - <td>$645,750</td>
410   - </tr>
411   - <tr>
412   - <td>Olivia Liang</td>
413   - <td>Support Engineer</td>
414   - <td>Singapore</td>
415   - <td>64</td>
416   - <td>2011/02/03</td>
417   - <td>$234,500</td>
418   - </tr>
419   - <tr>
420   - <td>Bruno Nash</td>
421   - <td>Software Engineer</td>
422   - <td>London</td>
423   - <td>38</td>
424   - <td>2011/05/03</td>
425   - <td>$163,500</td>
426   - </tr>
427   - <tr>
428   - <td>Sakura Yamamoto</td>
429   - <td>Support Engineer</td>
430   - <td>Tokyo</td>
431   - <td>37</td>
432   - <td>2009/08/19</td>
433   - <td>$139,575</td>
434   - </tr>
435   - <tr>
436   - <td>Thor Walton</td>
437   - <td>Developer</td>
438   - <td>New York</td>
439   - <td>61</td>
440   - <td>2013/08/11</td>
441   - <td>$98,540</td>
442   - </tr>
443   - <tr>
444   - <td>Finn Camacho</td>
445   - <td>Support Engineer</td>
446   - <td>San Francisco</td>
447   - <td>47</td>
448   - <td>2009/07/07</td>
449   - <td>$87,500</td>
450   - </tr>
451   - <tr>
452   - <td>Serge Baldwin</td>
453   - <td>Data Coordinator</td>
454   - <td>Singapore</td>
455   - <td>64</td>
456   - <td>2012/04/09</td>
457   - <td>$138,575</td>
458   - </tr>
459   - <tr>
460   - <td>Zenaida Frank</td>
461   - <td>Software Engineer</td>
462   - <td>New York</td>
463   - <td>63</td>
464   - <td>2010/01/04</td>
465   - <td>$125,250</td>
466   - </tr>
467   - <tr>
468   - <td>Zorita Serrano</td>
469   - <td>Software Engineer</td>
470   - <td>San Francisco</td>
471   - <td>56</td>
472   - <td>2012/06/01</td>
473   - <td>$115,000</td>
474   - </tr>
475   - <tr>
476   - <td>Jennifer Acosta</td>
477   - <td>Junior Javascript Developer</td>
478   - <td>Edinburgh</td>
479   - <td>43</td>
480   - <td>2013/02/01</td>
481   - <td>$75,650</td>
482   - </tr>
483   - <tr>
484   - <td>Cara Stevens</td>
485   - <td>Sales Assistant</td>
486   - <td>New York</td>
487   - <td>46</td>
488   - <td>2011/12/06</td>
489   - <td>$145,600</td>
490   - </tr>
491   - <tr>
492   - <td>Hermione Butler</td>
493   - <td>Regional Director</td>
494   - <td>London</td>
495   - <td>47</td>
496   - <td>2011/03/21</td>
497   - <td>$356,250</td>
498   - </tr>
499   - <tr>
500   - <td>Lael Greer</td>
501   - <td>Systems Administrator</td>
502   - <td>London</td>
503   - <td>21</td>
504   - <td>2009/02/27</td>
505   - <td>$103,500</td>
506   - </tr>
507   - <tr>
508   - <td>Jonas Alexander</td>
509   - <td>Developer</td>
510   - <td>San Francisco</td>
511   - <td>30</td>
512   - <td>2010/07/14</td>
513   - <td>$86,500</td>
514   - </tr>
515   - <tr>
516   - <td>Shad Decker</td>
517   - <td>Regional Director</td>
518   - <td>Edinburgh</td>
519   - <td>51</td>
520   - <td>2008/11/13</td>
521   - <td>$183,000</td>
522   - </tr>
523   - <tr>
524   - <td>Michael Bruce</td>
525   - <td>Javascript Developer</td>
526   - <td>Singapore</td>
527   - <td>29</td>
528   - <td>2011/06/27</td>
529   - <td>$183,000</td>
530   - </tr>
531   - <tr>
532   - <td>Donna Snider</td>
533   - <td>Customer Support</td>
534   - <td>New York</td>
535   - <td>27</td>
536   - <td>2011/01/25</td>
537   - <td>$112,000</td>
538   - </tr>
539   - </tbody>
540   - </table>
541   -
542   - <ul class="tabs">
543   - <li class="active">Javascript</li>
544   - <li>HTML</li>
545   - <li>CSS</li>
546   - <li>Ajax</li>
547   - <li>Server-side script</li>
548   - </ul>
549   -
550   - <div class="tabs">
551   - <div class="js">
552   - <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
553   - $('#example').dataTable( {
554   - &quot;columnDefs&quot;: [
555   - {
556   - // The `data` parameter refers to the data for the cell (defined by the
557   - // `data` option, which defaults to the column being worked with, in
558   - // this case `data: 0`.
559   - &quot;render&quot;: function ( data, type, row ) {
560   - return data +' ('+ row[3]+')';
561   - },
562   - &quot;targets&quot;: 0
563   - },
564   - { &quot;visible&quot;: false, &quot;targets&quot;: [ 3 ] }
565   - ]
566   - } );
567   -} );</code>
568   -
569   - <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
570   -
571   - <ul>
572   - <li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
573   - <li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
574   - </ul>
575   - </div>
576   -
577   - <div class="table">
578   - <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p>
579   - </div>
580   -
581   - <div class="css">
582   - <div>
583   - <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
584   - additional CSS used is shown below:</p><code class="multiline language-css"></code>
585   - </div>
586   -
587   - <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p>
588   -
589   - <ul>
590   - <li><a href="../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
591   - </ul>
592   - </div>
593   -
594   - <div class="ajax">
595   - <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
596   - loaded.</p>
597   - </div>
598   -
599   - <div class="php">
600   - <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
601   - processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables
602   - documentation</a>.</p>
603   - </div>
604   - </div>
605   - </section>
606   - </div>
607   -
608   - <section>
609   - <div class="footer">
610   - <div class="gradient"></div>
611   -
612   - <div class="liner">
613   - <h2>Other examples</h2>
614   -
615   - <div class="toc">
616   - <div class="toc-group">
617   - <h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
618   - <ul class="toc">
619   - <li><a href="../basic_init/zero_configuration.html">Zero configuration</a></li>
620   - <li><a href="../basic_init/filter_only.html">Feature enable / disable</a></li>
621   - <li><a href="../basic_init/table_sorting.html">Default ordering (sorting)</a></li>
622   - <li><a href="../basic_init/multi_col_sort.html">Multi-column ordering</a></li>
623   - <li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
624   - <li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
625   - <li><a href="../basic_init/complex_header.html">Complex headers (rowspan and colspan)</a></li>
626   - <li><a href="../basic_init/dom.html">DOM positioning</a></li>
627   - <li><a href="../basic_init/flexible_width.html">Flexible table width</a></li>
628   - <li><a href="../basic_init/state_save.html">State saving</a></li>
629   - <li><a href="../basic_init/alt_pagination.html">Alternative pagination</a></li>
630   - <li><a href="../basic_init/scroll_y.html">Scroll - vertical</a></li>
631   - <li><a href="../basic_init/scroll_x.html">Scroll - horizontal</a></li>
632   - <li><a href="../basic_init/scroll_xy.html">Scroll - horizontal and vertical</a></li>
633   - <li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI ThemeRoller</a></li>
634   - <li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
635   - <li><a href="../basic_init/language.html">Language options</a></li>
636   - </ul>
637   - </div>
638   -
639   - <div class="toc-group">
640   - <h3><a href="./index.html">Advanced initialisation</a></h3>
641   - <ul class="toc active">
642   - <li><a href="./events_live.html">DOM / jQuery events</a></li>
643   - <li><a href="./dt_events.html">DataTables events</a></li>
644   - <li class="active"><a href="./column_render.html">Column rendering</a></li>
645   - <li><a href="./length_menu.html">Page length options</a></li>
646   - <li><a href="./dom_multiple_elements.html">Multiple table control elements</a></li>
647   - <li><a href="./complex_header.html">Complex headers (rowspan / colspan)</a></li>
648   - <li><a href="./object_dom_read.html">Read HTML to data objects</a></li>
649   - <li><a href="./html5-data-attributes.html">HTML5 data-* attributes - cell data</a></li>
650   - <li><a href="./html5-data-options.html">HTML5 data-* attributes - table options</a></li>
651   - <li><a href="./language_file.html">Language file</a></li>
652   - <li><a href="./defaults.html">Setting defaults</a></li>
653   - <li><a href="./row_callback.html">Row created callback</a></li>
654   - <li><a href="./row_grouping.html">Row grouping</a></li>
655   - <li><a href="./footer_callback.html">Footer callback</a></li>
656   - <li><a href="./dom_toolbar.html">Custom toolbar elements</a></li>
657   - <li><a href="./sort_direction_control.html">Order direction sequence control</a></li>
658   - </ul>
659   - </div>
660   -
661   - <div class="toc-group">
662   - <h3><a href="../styling/index.html">Styling</a></h3>
663   - <ul class="toc">
664   - <li><a href="../styling/display.html">Base style</a></li>
665   - <li><a href="../styling/no-classes.html">Base style - no styling classes</a></li>
666   - <li><a href="../styling/cell-border.html">Base style - cell borders</a></li>
667   - <li><a href="../styling/compact.html">Base style - compact</a></li>
668   - <li><a href="../styling/hover.html">Base style - hover</a></li>
669   - <li><a href="../styling/order-column.html">Base style - order-column</a></li>
670   - <li><a href="../styling/row-border.html">Base style - row borders</a></li>
671   - <li><a href="../styling/stripe.html">Base style - stripe</a></li>
672   - <li><a href="../styling/bootstrap.html">Bootstrap</a></li>
673   - <li><a href="../styling/foundation.html">Foundation</a></li>
674   - <li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
675   - </ul>
676   - </div>
677   -
678   - <div class="toc-group">
679   - <h3><a href="../data_sources/index.html">Data sources</a></h3>
680   - <ul class="toc">
681   - <li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
682   - <li><a href="../data_sources/ajax.html">Ajax sourced data</a></li>
683   - <li><a href="../data_sources/js_array.html">Javascript sourced data</a></li>
684   - <li><a href="../data_sources/server_side.html">Server-side processing</a></li>
685   - </ul>
686   - </div>
687   -
688   - <div class="toc-group">
689   - <h3><a href="../api/index.html">API</a></h3>
690   - <ul class="toc">
691   - <li><a href="../api/add_row.html">Add rows</a></li>
692   - <li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
693   - <li><a href="../api/multi_filter_select.html">Individual column searching (select inputs)</a></li>
694   - <li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
695   - <li><a href="../api/row_details.html">Child rows (show extra / detailed information)</a></li>
696   - <li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
697   - <li><a href="../api/select_single_row.html">Row selection and deletion (single row)</a></li>
698   - <li><a href="../api/form.html">Form inputs</a></li>
699   - <li><a href="../api/counter_columns.html">Index column</a></li>
700   - <li><a href="../api/show_hide.html">Show / hide columns dynamically</a></li>
701   - <li><a href="../api/api_in_init.html">Using API in callbacks</a></li>
702   - <li><a href="../api/tabs_and_scrolling.html">Scrolling and jQuery UI tabs</a></li>
703   - <li><a href="../api/regex.html">Search API (regular expressions)</a></li>
704   - </ul>
705   - </div>
706   -
707   - <div class="toc-group">
708   - <h3><a href="../ajax/index.html">Ajax</a></h3>
709   - <ul class="toc">
710   - <li><a href="../ajax/simple.html">Ajax data source (arrays)</a></li>
711   - <li><a href="../ajax/objects.html">Ajax data source (objects)</a></li>
712   - <li><a href="../ajax/deep.html">Nested object data (objects)</a></li>
713   - <li><a href="../ajax/objects_subarrays.html">Nested object data (arrays)</a></li>
714   - <li><a href="../ajax/orthogonal-data.html">Orthogonal data</a></li>
715   - <li><a href="../ajax/null_data_source.html">Generated content for a column</a></li>
716   - <li><a href="../ajax/custom_data_property.html">Custom data source property</a></li>
717   - <li><a href="../ajax/custom_data_flat.html">Flat array data source</a></li>
718   - <li><a href="../ajax/defer_render.html">Deferred rendering for speed</a></li>
719   - </ul>
720   - </div>
721   -
722   - <div class="toc-group">
723   - <h3><a href="../server_side/index.html">Server-side</a></h3>
724   - <ul class="toc">
725   - <li><a href="../server_side/simple.html">Server-side processing</a></li>
726   - <li><a href="../server_side/custom_vars.html">Custom HTTP variables</a></li>
727   - <li><a href="../server_side/post.html">POST data</a></li>
728   - <li><a href="../server_side/ids.html">Automatic addition of row ID attributes</a></li>
729   - <li><a href="../server_side/object_data.html">Object data source</a></li>
730   - <li><a href="../server_side/row_details.html">Row details</a></li>
731   - <li><a href="../server_side/select_rows.html">Row selection</a></li>
732   - <li><a href="../server_side/jsonp.html">JSONP data source for remote domains</a></li>
733   - <li><a href="../server_side/defer_loading.html">Deferred loading of data</a></li>
734   - <li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for paging</a></li>
735   - </ul>
736   - </div>
737   -
738   - <div class="toc-group">
739   - <h3><a href="../plug-ins/index.html">Plug-ins</a></h3>
740   - <ul class="toc">
741   - <li><a href="../plug-ins/api.html">API plug-in methods</a></li>
742   - <li><a href="../plug-ins/sorting_auto.html">Ordering plug-ins (with type detection)</a></li>
743   - <li><a href="../plug-ins/sorting_manual.html">Ordering plug-ins (no type detection)</a></li>
744   - <li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
745   - <li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
746   - </ul>
747   - </div>
748   - </div>
749   -
750   - <div class="epilogue">
751   - <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
752   - 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>
753   - which extend the capabilities of DataTables.</p>
754   -
755   - <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> &#169; 2007-2015<br>
756   - DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
757   - </div>
758   - </div>
759   - </div>
760   - </section>
761   -</body>
762   -</html>
763 0 \ No newline at end of file
datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/complex_header.html deleted
1   -<!DOCTYPE html>
2   -<html>
3   -<head>
4   - <meta charset="utf-8">
5   - <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
6   - <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
7   -
8   - <title>DataTables example - Complex headers (rowspan / colspan)</title>
9   - <link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
10   - <link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
11   - <link rel="stylesheet" type="text/css" href="../resources/demo.css">
12   - <style type="text/css" class="init">
13   -
14   - </style>
15   - <script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
16   - <script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
17   - <script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
18   - <script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
19   - <script type="text/javascript" language="javascript" class="init">
20   -
21   -
22   -$(document).ready(function() {
23   - $('#example').dataTable( {
24   - "columnDefs": [ {
25   - "visible": false,
26   - "targets": -1
27   - } ]
28   - } );
29   -} );
30   -
31   -
32   - </script>
33   -</head>
34   -
35   -<body class="dt-example">
36   - <div class="container">
37   - <section>
38   - <h1>DataTables example <span>Complex headers (rowspan / colspan)</span></h1>
39   -
40   - <div class="info">
41   - <p>Complex headers (using colspan / rowspan) can be used to group columns of similar information in DataTables, creating a very powerful visual effect.</p>
42   -
43   - <p>In addition to the basic behaviour, DataTables can also take colspan and rowspans into account when working with hidden columns. The colspan and rowspan
44   - attributes for each cell are automatically calculated and rendered on the page for you. This allows the <a href=
45   - "//datatables.net/reference/option/columns.visible"><code class="option" title="DataTables initialisation option">columns.visible<span>DT</span></code></a> option
46   - and <a href="//datatables.net/reference/api/column().visible()"><code class="api" title="DataTables API method">column().visible()<span>DT</span></code></a> method
47   - to take into account rowspan / colspan cells, drawing the header correctly.</p>
48   -
49   - <p>Note that each column must have at least one unique cell (i.e. a cell without colspan) so DataTables can use that cell to detect the column and use it to apply
50   - ordering.</p>
51   -
52   - <p>The example below shows a header spanning multiple cells over the contact information, with one of the columns that the span covers being hidden.</p>
53   - </div>
54   -
55   - <table id="example" class="display" cellspacing="0" width="100%">
56   - <thead>
57   - <tr>
58   - <th rowspan="2">Name</th>
59   - <th colspan="2">HR Information</th>
60   - <th colspan="3">Contact</th>
61   - </tr>
62   - <tr>
63   - <th>Position</th>
64   - <th>Salary</th>
65   - <th>Office</th>
66   - <th>Extn.</th>
67   - <th>E-mail</th>
68   - </tr>
69   - </thead>
70   -
71   - <tfoot>
72   - <tr>
73   - <th>Name</th>
74   - <th>Position</th>
75   - <th>Salary</th>
76   - <th>Office</th>
77   - <th>Extn.</th>
78   - <th>E-mail</th>
79   - </tr>
80   - </tfoot>
81   -
82   - <tbody>
83   - <tr>
84   - <td>Tiger Nixon</td>
85   - <td>System Architect</td>
86   - <td>$320,800</td>
87   - <td>Edinburgh</td>
88   - <td>5421</td>
89   - <td>t.nixon@datatables.net</td>
90   - </tr>
91   - <tr>
92   - <td>Garrett Winters</td>
93   - <td>Accountant</td>
94   - <td>$170,750</td>
95   - <td>Tokyo</td>
96   - <td>8422</td>
97   - <td>g.winters@datatables.net</td>
98   - </tr>
99   - <tr>
100   - <td>Ashton Cox</td>
101   - <td>Junior Technical Author</td>
102   - <td>$86,000</td>
103   - <td>San Francisco</td>
104   - <td>1562</td>
105   - <td>a.cox@datatables.net</td>
106   - </tr>
107   - <tr>
108   - <td>Cedric Kelly</td>
109   - <td>Senior Javascript Developer</td>
110   - <td>$433,060</td>
111   - <td>Edinburgh</td>
112   - <td>6224</td>
113   - <td>c.kelly@datatables.net</td>
114   - </tr>
115   - <tr>
116   - <td>Airi Satou</td>
117   - <td>Accountant</td>
118   - <td>$162,700</td>
119   - <td>Tokyo</td>
120   - <td>5407</td>
121   - <td>a.satou@datatables.net</td>
122   - </tr>
123   - <tr>
124   - <td>Brielle Williamson</td>
125   - <td>Integration Specialist</td>
126   - <td>$372,000</td>
127   - <td>New York</td>
128   - <td>4804</td>
129   - <td>b.williamson@datatables.net</td>
130   - </tr>
131   - <tr>
132   - <td>Herrod Chandler</td>
133   - <td>Sales Assistant</td>
134   - <td>$137,500</td>
135   - <td>San Francisco</td>
136   - <td>9608</td>
137   - <td>h.chandler@datatables.net</td>
138   - </tr>
139   - <tr>
140   - <td>Rhona Davidson</td>
141   - <td>Integration Specialist</td>
142   - <td>$327,900</td>
143   - <td>Tokyo</td>
144   - <td>6200</td>
145   - <td>r.davidson@datatables.net</td>
146   - </tr>
147   - <tr>
148   - <td>Colleen Hurst</td>
149   - <td>Javascript Developer</td>
150   - <td>$205,500</td>
151   - <td>San Francisco</td>
152   - <td>2360</td>
153   - <td>c.hurst@datatables.net</td>
154   - </tr>
155   - <tr>
156   - <td>Sonya Frost</td>
157   - <td>Software Engineer</td>
158   - <td>$103,600</td>
159   - <td>Edinburgh</td>
160   - <td>1667</td>
161   - <td>s.frost@datatables.net</td>
162   - </tr>
163   - <tr>
164   - <td>Jena Gaines</td>
165   - <td>Office Manager</td>
166   - <td>$90,560</td>
167   - <td>London</td>
168   - <td>3814</td>
169   - <td>j.gaines@datatables.net</td>
170   - </tr>
171   - <tr>
172   - <td>Quinn Flynn</td>
173   - <td>Support Lead</td>
174   - <td>$342,000</td>
175   - <td>Edinburgh</td>
176   - <td>9497</td>
177   - <td>q.flynn@datatables.net</td>
178   - </tr>
179   - <tr>
180   - <td>Charde Marshall</td>
181   - <td>Regional Director</td>
182   - <td>$470,600</td>
183   - <td>San Francisco</td>
184   - <td>6741</td>
185   - <td>c.marshall@datatables.net</td>
186   - </tr>
187   - <tr>
188   - <td>Haley Kennedy</td>
189   - <td>Senior Marketing Designer</td>
190   - <td>$313,500</td>
191   - <td>London</td>
192   - <td>3597</td>
193   - <td>h.kennedy@datatables.net</td>
194   - </tr>
195   - <tr>
196   - <td>Tatyana Fitzpatrick</td>
197   - <td>Regional Director</td>
198   - <td>$385,750</td>
199   - <td>London</td>
200   - <td>1965</td>
201   - <td>t.fitzpatrick@datatables.net</td>
202   - </tr>
203   - <tr>
204   - <td>Michael Silva</td>
205   - <td>Marketing Designer</td>
206   - <td>$198,500</td>
207   - <td>London</td>
208   - <td>1581</td>
209   - <td>m.silva@datatables.net</td>
210   - </tr>
211   - <tr>
212   - <td>Paul Byrd</td>
213   - <td>Chief Financial Officer (CFO)</td>
214   - <td>$725,000</td>
215   - <td>New York</td>
216   - <td>3059</td>
217   - <td>p.byrd@datatables.net</td>
218   - </tr>
219   - <tr>
220   - <td>Gloria Little</td>
221   - <td>Systems Administrator</td>
222   - <td>$237,500</td>
223   - <td>New York</td>
224   - <td>1721</td>
225   - <td>g.little@datatables.net</td>
226   - </tr>
227   - <tr>
228   - <td>Bradley Greer</td>
229   - <td>Software Engineer</td>
230   - <td>$132,000</td>
231   - <td>London</td>
232   - <td>2558</td>
233   - <td>b.greer@datatables.net</td>
234   - </tr>
235   - <tr>
236   - <td>Dai Rios</td>
237   - <td>Personnel Lead</td>
238   - <td>$217,500</td>
239   - <td>Edinburgh</td>
240   - <td>2290</td>
241   - <td>d.rios@datatables.net</td>
242   - </tr>
243   - <tr>
244   - <td>Jenette Caldwell</td>
245   - <td>Development Lead</td>
246   - <td>$345,000</td>
247   - <td>New York</td>
248   - <td>1937</td>
249   - <td>j.caldwell@datatables.net</td>
250   - </tr>
251   - <tr>
252   - <td>Yuri Berry</td>
253   - <td>Chief Marketing Officer (CMO)</td>
254   - <td>$675,000</td>
255   - <td>New York</td>
256   - <td>6154</td>
257   - <td>y.berry@datatables.net</td>
258   - </tr>
259   - <tr>
260   - <td>Caesar Vance</td>
261   - <td>Pre-Sales Support</td>
262   - <td>$106,450</td>
263   - <td>New York</td>
264   - <td>8330</td>
265   - <td>c.vance@datatables.net</td>
266   - </tr>
267   - <tr>
268   - <td>Doris Wilder</td>
269   - <td>Sales Assistant</td>
270   - <td>$85,600</td>
271   - <td>Sidney</td>
272   - <td>3023</td>
273   - <td>d.wilder@datatables.net</td>
274   - </tr>
275   - <tr>
276   - <td>Angelica Ramos</td>
277   - <td>Chief Executive Officer (CEO)</td>
278   - <td>$1,200,000</td>
279   - <td>London</td>
280   - <td>5797</td>
281   - <td>a.ramos@datatables.net</td>
282   - </tr>
283   - <tr>
284   - <td>Gavin Joyce</td>
285   - <td>Developer</td>
286   - <td>$92,575</td>
287   - <td>Edinburgh</td>
288   - <td>8822</td>
289   - <td>g.joyce@datatables.net</td>
290   - </tr>
291   - <tr>
292   - <td>Jennifer Chang</td>
293   - <td>Regional Director</td>
294   - <td>$357,650</td>
295   - <td>Singapore</td>
296   - <td>9239</td>
297   - <td>j.chang@datatables.net</td>
298   - </tr>
299   - <tr>
300   - <td>Brenden Wagner</td>
301   - <td>Software Engineer</td>
302   - <td>$206,850</td>
303   - <td>San Francisco</td>
304   - <td>1314</td>
305   - <td>b.wagner@datatables.net</td>
306   - </tr>
307   - <tr>
308   - <td>Fiona Green</td>
309   - <td>Chief Operating Officer (COO)</td>
310   - <td>$850,000</td>
311   - <td>San Francisco</td>
312   - <td>2947</td>
313   - <td>f.green@datatables.net</td>
314   - </tr>
315   - <tr>
316   - <td>Shou Itou</td>
317   - <td>Regional Marketing</td>
318   - <td>$163,000</td>
319   - <td>Tokyo</td>
320   - <td>8899</td>
321   - <td>s.itou@datatables.net</td>
322   - </tr>
323   - <tr>
324   - <td>Michelle House</td>
325   - <td>Integration Specialist</td>
326   - <td>$95,400</td>
327   - <td>Sidney</td>
328   - <td>2769</td>
329   - <td>m.house@datatables.net</td>
330   - </tr>
331   - <tr>
332   - <td>Suki Burks</td>
333   - <td>Developer</td>
334   - <td>$114,500</td>
335   - <td>London</td>
336   - <td>6832</td>
337   - <td>s.burks@datatables.net</td>
338   - </tr>
339   - <tr>
340   - <td>Prescott Bartlett</td>
341   - <td>Technical Author</td>
342   - <td>$145,000</td>
343   - <td>London</td>
344   - <td>3606</td>
345   - <td>p.bartlett@datatables.net</td>
346   - </tr>
347   - <tr>
348   - <td>Gavin Cortez</td>
349   - <td>Team Leader</td>
350   - <td>$235,500</td>
351   - <td>San Francisco</td>
352   - <td>2860</td>
353   - <td>g.cortez@datatables.net</td>
354   - </tr>
355   - <tr>
356   - <td>Martena Mccray</td>
357   - <td>Post-Sales support</td>
358   - <td>$324,050</td>
359   - <td>Edinburgh</td>
360   - <td>8240</td>
361   - <td>m.mccray@datatables.net</td>
362   - </tr>
363   - <tr>
364   - <td>Unity Butler</td>
365   - <td>Marketing Designer</td>
366   - <td>$85,675</td>
367   - <td>San Francisco</td>
368   - <td>5384</td>
369   - <td>u.butler@datatables.net</td>
370   - </tr>
371   - <tr>
372   - <td>Howard Hatfield</td>
373   - <td>Office Manager</td>
374   - <td>$164,500</td>
375   - <td>San Francisco</td>
376   - <td>7031</td>
377   - <td>h.hatfield@datatables.net</td>
378   - </tr>
379   - <tr>
380   - <td>Hope Fuentes</td>
381   - <td>Secretary</td>
382   - <td>$109,850</td>
383   - <td>San Francisco</td>
384   - <td>6318</td>
385   - <td>h.fuentes@datatables.net</td>
386   - </tr>
387   - <tr>
388   - <td>Vivian Harrell</td>
389   - <td>Financial Controller</td>
390   - <td>$452,500</td>
391   - <td>San Francisco</td>
392   - <td>9422</td>
393   - <td>v.harrell@datatables.net</td>
394   - </tr>
395   - <tr>
396   - <td>Timothy Mooney</td>
397   - <td>Office Manager</td>
398   - <td>$136,200</td>
399   - <td>London</td>
400   - <td>7580</td>
401   - <td>t.mooney@datatables.net</td>
402   - </tr>
403   - <tr>
404   - <td>Jackson Bradshaw</td>
405   - <td>Director</td>
406   - <td>$645,750</td>
407   - <td>New York</td>
408   - <td>1042</td>
409   - <td>j.bradshaw@datatables.net</td>
410   - </tr>
411   - <tr>
412   - <td>Olivia Liang</td>
413   - <td>Support Engineer</td>
414   - <td>$234,500</td>
415   - <td>Singapore</td>
416   - <td>2120</td>
417   - <td>o.liang@datatables.net</td>
418   - </tr>
419   - <tr>
420   - <td>Bruno Nash</td>
421   - <td>Software Engineer</td>
422   - <td>$163,500</td>
423   - <td>London</td>
424   - <td>6222</td>
425   - <td>b.nash@datatables.net</td>
426   - </tr>
427   - <tr>
428   - <td>Sakura Yamamoto</td>
429   - <td>Support Engineer</td>
430   - <td>$139,575</td>
431   - <td>Tokyo</td>
432   - <td>9383</td>
433   - <td>s.yamamoto@datatables.net</td>
434   - </tr>
435   - <tr>
436   - <td>Thor Walton</td>
437   - <td>Developer</td>
438   - <td>$98,540</td>
439   - <td>New York</td>
440   - <td>8327</td>
441   - <td>t.walton@datatables.net</td>
442   - </tr>
443   - <tr>
444   - <td>Finn Camacho</td>
445   - <td>Support Engineer</td>
446   - <td>$87,500</td>
447   - <td>San Francisco</td>
448   - <td>2927</td>
449   - <td>f.camacho@datatables.net</td>
450   - </tr>
451   - <tr>
452   - <td>Serge Baldwin</td>
453   - <td>Data Coordinator</td>