diff --git a/bower_components/iron-list/demo/demo1.html b/bower_components/iron-list/demo/demo1.html new file mode 100644 index 0000000..b7eb0b8 --- /dev/null +++ b/bower_components/iron-list/demo/demo1.html @@ -0,0 +1,154 @@ + + + + + + + iron-list demo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/bower_components/paper-checkbox/paper-checkbox.css b/bower_components/paper-checkbox/paper-checkbox.css new file mode 100644 index 0000000..c0b5194 --- /dev/null +++ b/bower_components/paper-checkbox/paper-checkbox.css @@ -0,0 +1,151 @@ +/* +Copyright (c) 2015 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +*/ + +:host { + display: inline-block; + white-space: nowrap; +} + +:host(:focus) { + outline: none; +} + +.hidden { + display: none; +} + +#checkboxContainer { + display: inline-block; + position: relative; + width: 18px; + height: 18px; + cursor: pointer; + -webkit-transform: translateZ(0); + transform: translateZ(0); + vertical-align: middle; + background-color: var(--paper-checkbox-unchecked-background-color, transparent); +} + +:host #ink { + position: absolute; + top: -15px; + left: -15px; + width: 48px; + height: 48px; + color: var(--paper-checkbox-unchecked-ink-color, --primary-text-color); + opacity: 0.6; + pointer-events: none; +} + +:host #ink[checked] { + color: var(--paper-checkbox-checked-ink-color, --default-primary-color); +} + +:host #checkbox { + position: relative; + box-sizing: border-box; + height: 100%; + border: solid 2px; + border-color: var(--paper-checkbox-unchecked-color, --primary-text-color); + border-radius: 2px; + pointer-events: none; + -webkit-transition: background-color 140ms, border-color 140ms; + transition: background-color 140ms, border-color 140ms; +} + +/* checkbox checked animations */ +#checkbox.checked #checkmark { + -webkit-animation: checkmark-expand 140ms ease-out forwards; + animation: checkmark-expand 140ms ease-out forwards; +} + +@-webkit-keyframes checkmark-expand { + 0% { + top: 9px; + left: 6px; + width: 0px; + height: 0px; + } + 100% { + top: -1px; + left: 4px; + width: 5px; + height: 10px; + } +} + +@keyframes checkmark-expand { + 0% { + top: 9px; + left: 6px; + width: 0px; + height: 0px; + } + 100% { + top: -1px; + left: 4px; + width: 5px; + height: 10px; + } +} + +:host #checkbox.checked { + background-color: var(--paper-checkbox-checked-color, --default-primary-color); + border-color: var(--paper-checkbox-checked-color, --default-primary-color); +} + +:host #checkmark { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + position: absolute; + top: -1px; + left: 4px; + width: 5px; + height: 10px; + border-style: solid; + border-top: none; + border-left: none; + border-right-width: 2px; + border-bottom-width: 2px; + border-color: var(--paper-checkbox-checkmark-color, white); +} + +/* label */ +#checkboxLabel { + position: relative; + display: inline-block; + vertical-align: middle; + padding-left: 8px; + white-space: normal; + pointer-events: none; + color: var(--paper-checkbox-label-color, --primary-text-color); +} + +#checkboxLabel[hidden] { + display: none; +} + +/* disabled state */ +:host([disabled]) { + pointer-events: none; +} + +:host([disabled]) #checkbox { + opacity: 0.5; + border-color: var(--paper-checkbox-unchecked-color, --primary-text-color); +} + +:host([disabled][checked]) #checkbox { + background-color: var(--paper-checkbox-unchecked-color, --primary-text-color); + opacity: 0.5; +} + +:host([disabled]) #checkboxLabel { + opacity: 0.65; +} diff --git a/bower_components/paper-item/paper-item-shared.css b/bower_components/paper-item/paper-item-shared.css new file mode 100644 index 0000000..8528d1a --- /dev/null +++ b/bower_components/paper-item/paper-item-shared.css @@ -0,0 +1,19 @@ +/* + @license + Copyright (c) 2015 The Polymer Project Authors. All rights reserved. + This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt + The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt + The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt + Code distributed by Google as part of the polymer project is also + subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +*/ + +:host { + display: block; + min-height: var(--paper-item-min-height, 48px); + padding: 0px 16px; +} + +:host > ::content > *:not(:first-child):not(:last-child) { + margin-right: 16px; +} diff --git a/bower_components/paper-radio-button/paper-radio-button.css b/bower_components/paper-radio-button/paper-radio-button.css new file mode 100644 index 0000000..852296e --- /dev/null +++ b/bower_components/paper-radio-button/paper-radio-button.css @@ -0,0 +1,111 @@ +/* +Copyright (c) 2015 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +*/ + +:host { + display: inline-block; + white-space: nowrap; +} + +:host(:focus) { + outline: none; +} + +#radioContainer { + display: inline-block; + position: relative; + width: 16px; + height: 16px; + cursor: pointer; + vertical-align: middle; +} + +:host #ink { + position: absolute; + top: -16px; + left: -16px; + width: 48px; + height: 48px; + color: var(--paper-radio-button-unchecked-ink-color, --primary-text-color); + opacity: 0.6; + pointer-events: none; +} + +:host #ink[checked] { + color: var(--paper-radio-button-checked-ink-color, --default-primary-color); +} + +:host #offRadio { + position: absolute; + top: 0px; + left: 0px; + width: 12px; + height: 12px; + border-radius: 50%; + border: solid 2px; + background-color: var(--paper-radio-button-unchecked-background-color, transparent); + border-color: var(--paper-radio-button-unchecked-color, --primary-text-color); + transition: border-color 0.28s; +} + +:host #onRadio { + position: absolute; + top: 4px; + left: 4px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--paper-radio-button-checked-color, --default-primary-color); + -webkit-transform: scale(0); + transform: scale(0); + transition: -webkit-transform ease 0.28s; + transition: transform ease 0.28s; +} + +:host([checked]) #offRadio { + border-color: var(--paper-radio-button-checked-color, --default-primary-color); +} + +:host([checked]) #onRadio { + -webkit-transform: scale(1); + transform: scale(1); +} + +#radioLabel { + position: relative; + display: inline-block; + vertical-align: middle; + margin-left: 10px; + white-space: normal; + pointer-events: none; + color: var(--paper-radio-button-label-color, --primary-text-color); +} + +#radioLabel[hidden] { + display: none; +} + +/* disabled state */ +:host([disabled]) { + pointer-events: none; +} + +:host([disabled]) #offRadio { + border-color: var(--paper-radio-button-unchecked-color, --primary-text-color); + opacity: 0.5; +} + +:host([disabled][checked]) #onRadio { + background-color: var(--paper-radio-button-unchecked-color, --primary-text-color); + opacity: 0.5; +} + +:host([disabled]) #radioLabel { + /* slightly darker than the button, so that it's readable */ + opacity: 0.65; +} diff --git a/bower_components/paper-toggle-button/paper-toggle-button.css b/bower_components/paper-toggle-button/paper-toggle-button.css new file mode 100644 index 0000000..ad3a6b5 --- /dev/null +++ b/bower_components/paper-toggle-button/paper-toggle-button.css @@ -0,0 +1,109 @@ +/* +@license +Copyright (c) 2015 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +*/ + +:host { + display: inline-block; +} + +:host([disabled]) { + pointer-events: none; +} + +:host(:focus) { + outline:none; +} + +:host .toggle-bar { + background-color: var(--paper-toggle-button-unchecked-bar-color, #000000); +} + +:host .toggle-button { + background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50); +} + +:host([checked]) .toggle-bar { + background-color: var(--paper-toggle-button-checked-bar-color, --google-green-500); +} + +:host([checked]) .toggle-button { + background-color: var(--paper-toggle-button-checked-button-color, --google-green-500); +} + +:host .toggle-ink { + color: var(--paper-toggle-button-unchecked-ink-color, --primary-text-color); +} + +:host([checked]) .toggle-ink { + color: var(--paper-toggle-button-checked-ink-color, --google-green-500); +} + +/* ID selectors should not be overriden by users. */ + +#toggleContainer { + position: relative; + width: 36px; + height: 14px; +} + +#toggleBar { + position: absolute; + height: 100%; + width: 100%; + border-radius: 8px; + pointer-events: none; + opacity: 0.4; + transition: background-color linear .08s; +} + +:host([checked]) #toggleBar { + opacity: 0.5; +} + +:host([disabled]) #toggleBar { + background-color: #000; + opacity: 0.12; +} + +#toggleButton { + position: absolute; + top: -3px; + height: 20px; + width: 20px; + border-radius: 50%; + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6); + transition: -webkit-transform linear .08s, background-color linear .08s; + transition: transform linear .08s, background-color linear .08s; + will-change: transform; +} + +#toggleButton.dragging { + -webkit-transition: none; + transition: none; +} + +:host([checked]) #toggleButton { + -webkit-transform: translate(16px, 0); + transform: translate(16px, 0); +} + +:host([disabled]) #toggleButton { + background-color: #bdbdbd; + opacity: 1; +} + +#ink { + position: absolute; + top: -14px; + left: -14px; + width: 48px; + height: 48px; + opacity: 0.5; + pointer-events: none; +} diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/Contributing.md b/datalets/datatable-datalet/js/DataTables-1.10.5/Contributing.md new file mode 100644 index 0000000..d403de5 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/Contributing.md @@ -0,0 +1,9 @@ +# Contributing + +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: + +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! + +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). + +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! diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/Readme.md b/datalets/datatable-datalet/js/DataTables-1.10.5/Readme.md new file mode 100644 index 0000000..f637059 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/Readme.md @@ -0,0 +1,53 @@ +# DataTables plug-in for jQuery + +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: + +> To enhance the accessibility of data in HTML tables. + +To meet this goal, DataTables is developed with two distinct groups of users in mind: + +* 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. + +* 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. + + +## Installation + +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. + + +## Usage + +In its simplest case, DataTables can be initialised with a single line of Javascript: + +```js +$('table').dataTable(); +``` + +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: + +```js +$('table').dataTable( { + paginate: false, + scrollY: 300 +} ); +``` + +will disable paging and enable scrolling. + +A full list of the options available for DataTables are available in the [documentation](//datatables.net). + + +## Documentation + +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. + + +## Support + +Support for DataTables is available through the [DataTables forums](//datatables.net/forums) and [commercial support options](//datatables.net/support) are available. + + +## License + +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 `/*!`. diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/bower.json b/datalets/datatable-datalet/js/DataTables-1.10.5/bower.json new file mode 100644 index 0000000..30659e0 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/bower.json @@ -0,0 +1,28 @@ +{ + "name": "datatables", + "version": "1.10.5", + "main": [ + "media/js/jquery.dataTables.js", + "media/css/jquery.dataTables.css", + "media/images/*.png" + ], + "dependencies": { + "jquery": ">=1.7.0" + }, + "license": "MIT", + "keywords": [ + "jquery", + "datatables", + "table", + "javascript", + "library" + ], + "ignore": [ + "/.*", + "examples", + "media/unit_testing", + "composer.json", + "dataTables.jquery.json", + "package.json" + ] +} diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/composer.json b/datalets/datatable-datalet/js/DataTables-1.10.5/composer.json new file mode 100644 index 0000000..1efa2c6 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/composer.json @@ -0,0 +1,15 @@ +{ + "name": "datatables/datatables", + "version": "1.10.5", + "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.", + "homepage": "http://www.datatables.net/", + "author": "SpryMedia", + "license": [ + "MIT" + ], + "prefer-stable": true, + "support": { + "forum": "https://datatables.net/forums", + "source": "https://github.com/DataTables/DataTablesSrc/" + } +} diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/dataTables.jquery.json b/datalets/datatable-datalet/js/DataTables-1.10.5/dataTables.jquery.json new file mode 100644 index 0000000..dc43792 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/dataTables.jquery.json @@ -0,0 +1,32 @@ +{ + "name": "DataTables", + "version": "1.10.5", + "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.", + "homepage": "http://datatables.net/", + "docs": "http://datatables.net/", + "demo": "http://datatables.net/examples", + "download": "http://datatables.net/download", + "author": { + "name": "Allan Jardine", + "url": "http://sprymedia.co.uk" + }, + "licenses": [ + { + "type": "MIT", + "url": "http://datatables.net/license_bsd" + } + ], + "dependencies": { + "jquery": ">=1.7" + }, + "keywords": [ + "DataTables", + "DataTable", + "table", + "grid", + "filter", + "sort", + "page", + "internationalisable" + ] +} diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/column_render.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/column_render.html new file mode 100644 index 0000000..797cebd --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/column_render.html @@ -0,0 +1,762 @@ + + + + + + + + DataTables example - Column rendering + + + + + + + + + + + + +
+
+

DataTables example Column rendering

+ +
+

Each column has an optional rendering control called columns.renderDT which can be used to process the content of each cell before the data is used. columns.renderDT has a + 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 + manipulate the content of a cell, as shown here.

+ +

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, + assigning colours based on content rules and any other form of text manipulation you require.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "columnDefs": [ + { + // The `data` parameter refers to the data for the cell (defined by the + // `data` option, which defaults to the column being worked with, in + // this case `data: 0`. + "render": function ( data, type, row ) { + return data +' ('+ row[3]+')'; + }, + "targets": 0 + }, + { "visible": false, "targets": [ 3 ] } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/complex_header.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/complex_header.html new file mode 100644 index 0000000..2cb1784 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/complex_header.html @@ -0,0 +1,754 @@ + + + + + + + + DataTables example - Complex headers (rowspan / colspan) + + + + + + + + + + + + +
+
+

DataTables example Complex headers (rowspan / colspan)

+ +
+

Complex headers (using colspan / rowspan) can be used to group columns of similar information in DataTables, creating a very powerful visual effect.

+ +

In addition to the basic behaviour, DataTables can also take colspan and rowspans into account when working with hidden columns. The colspan and rowspan + attributes for each cell are automatically calculated and rendered on the page for you. This allows the columns.visibleDT option + and column().visible()DT method + to take into account rowspan / colspan cells, drawing the header correctly.

+ +

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 + ordering.

+ +

The example below shows a header spanning multiple cells over the contact information, with one of the columns that the span covers being hidden.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameHR InformationContact
PositionSalaryOfficeExtn.E-mail
NamePositionSalaryOfficeExtn.E-mail
Tiger NixonSystem Architect$320,800Edinburgh5421t.nixon@datatables.net
Garrett WintersAccountant$170,750Tokyo8422g.winters@datatables.net
Ashton CoxJunior Technical Author$86,000San Francisco1562a.cox@datatables.net
Cedric KellySenior Javascript Developer$433,060Edinburgh6224c.kelly@datatables.net
Airi SatouAccountant$162,700Tokyo5407a.satou@datatables.net
Brielle WilliamsonIntegration Specialist$372,000New York4804b.williamson@datatables.net
Herrod ChandlerSales Assistant$137,500San Francisco9608h.chandler@datatables.net
Rhona DavidsonIntegration Specialist$327,900Tokyo6200r.davidson@datatables.net
Colleen HurstJavascript Developer$205,500San Francisco2360c.hurst@datatables.net
Sonya FrostSoftware Engineer$103,600Edinburgh1667s.frost@datatables.net
Jena GainesOffice Manager$90,560London3814j.gaines@datatables.net
Quinn FlynnSupport Lead$342,000Edinburgh9497q.flynn@datatables.net
Charde MarshallRegional Director$470,600San Francisco6741c.marshall@datatables.net
Haley KennedySenior Marketing Designer$313,500London3597h.kennedy@datatables.net
Tatyana FitzpatrickRegional Director$385,750London1965t.fitzpatrick@datatables.net
Michael SilvaMarketing Designer$198,500London1581m.silva@datatables.net
Paul ByrdChief Financial Officer (CFO)$725,000New York3059p.byrd@datatables.net
Gloria LittleSystems Administrator$237,500New York1721g.little@datatables.net
Bradley GreerSoftware Engineer$132,000London2558b.greer@datatables.net
Dai RiosPersonnel Lead$217,500Edinburgh2290d.rios@datatables.net
Jenette CaldwellDevelopment Lead$345,000New York1937j.caldwell@datatables.net
Yuri BerryChief Marketing Officer (CMO)$675,000New York6154y.berry@datatables.net
Caesar VancePre-Sales Support$106,450New York8330c.vance@datatables.net
Doris WilderSales Assistant$85,600Sidney3023d.wilder@datatables.net
Angelica RamosChief Executive Officer (CEO)$1,200,000London5797a.ramos@datatables.net
Gavin JoyceDeveloper$92,575Edinburgh8822g.joyce@datatables.net
Jennifer ChangRegional Director$357,650Singapore9239j.chang@datatables.net
Brenden WagnerSoftware Engineer$206,850San Francisco1314b.wagner@datatables.net
Fiona GreenChief Operating Officer (COO)$850,000San Francisco2947f.green@datatables.net
Shou ItouRegional Marketing$163,000Tokyo8899s.itou@datatables.net
Michelle HouseIntegration Specialist$95,400Sidney2769m.house@datatables.net
Suki BurksDeveloper$114,500London6832s.burks@datatables.net
Prescott BartlettTechnical Author$145,000London3606p.bartlett@datatables.net
Gavin CortezTeam Leader$235,500San Francisco2860g.cortez@datatables.net
Martena MccrayPost-Sales support$324,050Edinburgh8240m.mccray@datatables.net
Unity ButlerMarketing Designer$85,675San Francisco5384u.butler@datatables.net
Howard HatfieldOffice Manager$164,500San Francisco7031h.hatfield@datatables.net
Hope FuentesSecretary$109,850San Francisco6318h.fuentes@datatables.net
Vivian HarrellFinancial Controller$452,500San Francisco9422v.harrell@datatables.net
Timothy MooneyOffice Manager$136,200London7580t.mooney@datatables.net
Jackson BradshawDirector$645,750New York1042j.bradshaw@datatables.net
Olivia LiangSupport Engineer$234,500Singapore2120o.liang@datatables.net
Bruno NashSoftware Engineer$163,500London6222b.nash@datatables.net
Sakura YamamotoSupport Engineer$139,575Tokyo9383s.yamamoto@datatables.net
Thor WaltonDeveloper$98,540New York8327t.walton@datatables.net
Finn CamachoSupport Engineer$87,500San Francisco2927f.camacho@datatables.net
Serge BaldwinData Coordinator$138,575Singapore8352s.baldwin@datatables.net
Zenaida FrankSoftware Engineer$125,250New York7439z.frank@datatables.net
Zorita SerranoSoftware Engineer$115,000San Francisco4389z.serrano@datatables.net
Jennifer AcostaJunior Javascript Developer$75,650Edinburgh3431j.acosta@datatables.net
Cara StevensSales Assistant$145,600New York3990c.stevens@datatables.net
Hermione ButlerRegional Director$356,250London1016h.butler@datatables.net
Lael GreerSystems Administrator$103,500London6733l.greer@datatables.net
Jonas AlexanderDeveloper$86,500San Francisco8196j.alexander@datatables.net
Shad DeckerRegional Director$183,000Edinburgh6373s.decker@datatables.net
Michael BruceJavascript Developer$183,000Singapore5384m.bruce@datatables.net
Donna SniderCustomer Support$112,000New York4226d.snider@datatables.net
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "columnDefs": [ { + "visible": false, + "targets": -1 + } ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/defaults.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/defaults.html new file mode 100644 index 0000000..2cbd65e --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/defaults.html @@ -0,0 +1,746 @@ + + + + + + + + DataTables example - Setting defaults + + + + + + + + + + + + +
+
+

DataTables example Setting defaults

+ +
+

When working with DataTables over multiple pages it is often useful to set the initialisation defaults to common values (for example you might want to set + domDT to a common value so + all tables get the same layout). This can be done using the $.fn.dataTable.defaults object. This object will take all of the same parameters as the + DataTables initialisation object, but in this case you are setting the default for all future initialisations of DataTables.

+ +

This example shows the searching and ordering features of DataTables being disabled by default, which is reflected in the table when it is initialised.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$.extend( $.fn.dataTable.defaults, { + "searching": false, + "ordering": false +} ); + + +$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/dom_multiple_elements.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/dom_multiple_elements.html new file mode 100644 index 0000000..94d9378 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/dom_multiple_elements.html @@ -0,0 +1,754 @@ + + + + + + + + DataTables example - Multiple table control elements + + + + + + + + + + + + +
+
+

DataTables example Multiple table control elements

+ +
+

As is described by the basic DOM positioning example you can use the domDT initialisation parameter to move DataTables features around the table to where you want them. In + addition to this, you can also use domDT to create multiple instances of these table controls. Simply include the feature's identification + letter where you want it to appear, as many times as you wish, and the controls will all sync up (note that obviously the table ('t') should be included only + once).

+ +

This is shown in the demo below where for four key build-in features are duplicated above and below the table.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "dom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>' + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

div.dataTables_length { + padding-left: 2em; + } + div.dataTables_length, + div.dataTables_filter { + padding-top: 0.55em; + } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/dom_toolbar.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/dom_toolbar.html new file mode 100644 index 0000000..d439b83 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/dom_toolbar.html @@ -0,0 +1,756 @@ + + + + + + + + DataTables example - Custom toolbar elements + + + + + + + + + + + + +
+
+

DataTables example Custom toolbar elements

+ +
+

DataTables inserts DOM elements around the table to control DataTables features, and you can make use of this mechanism as well to insert your own custom + elements. In this example a div with a class of 'toolbar' is created using domDT, with which HTML is inserted to + create the toolbar. You could put whatever HTML you want into the toolbar and add event handlers etc.

+ +

For more complex features, or for creating reusable plug-ins, DataTables also has a feature plug-in API available, which can be used to create plug-ins which + are used in a table by a single character reference in the domDT option (like the built in option of f refers to + 'filtering input', you could have an F option which creates your own filtering input control, custom to your app).

+ +

TableTools is a feature plug-in for DataTables which adds buttons into a toolbar for a table, which + controls such as copy to clipboard, export and custom buttons.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "dom": '<"toolbar">frtip' + } ); + + $("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>'); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

.toolbar { + float: left; +} +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/dt_events.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/dt_events.html new file mode 100644 index 0000000..2f8f855 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/dt_events.html @@ -0,0 +1,761 @@ + + + + + + + + DataTables example - DataTables events + + + + + + + + + + + + +
+
+

DataTables example DataTables events

+ +
+

DataTables fires a number of custom events which you can bind to in the standard jQuery fashion (although note that the namespace dt must + be used), allowing your code to perform custom actions when these events occur.

+ +

All custom events fired by DataTables are fired with the namespace dt in order to prevent conflicts arising with other jQuery plug-ins which also + fire events. The DataTables on()DT method can + be used like the jQuery on() method, but will automatically append the dt namespace if required.

+ +

This example shows the use of the orderDT, + searchDT and pageDT events by adding a notification that the event + fired to an element on the page to show that they have indeed fired.

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var eventFired = function ( type ) { + var n = $('#demo_info')[0]; + n.innerHTML += '<div>'+type+' event - '+new Date().getTime()+'</div>'; + n.scrollTop = n.scrollHeight; + } + + $('#example') + .on( 'order.dt', function () { eventFired( 'Order' ); } ) + .on( 'search.dt', function () { eventFired( 'Search' ); } ) + .on( 'page.dt', function () { eventFired( 'Page' ); } ) + .dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/events_live.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/events_live.html new file mode 100644 index 0000000..3384528 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/events_live.html @@ -0,0 +1,743 @@ + + + + + + + + DataTables example - DOM / jQuery events + + + + + + + + + + + + +
+
+

DataTables example DOM / jQuery events

+ +
+

Events assigned to the table can be exceptionally useful for user interaction, however you must be aware that DataTables will add and remove rows from the DOM + as they are needed (i.e. when paging only the visible elements are actually available in the DOM). As such, this can lead to the odd hiccup when working with + events.

+ +

One of the best ways of dealing with this is through the use of delegated events with jQuery's on method, as shown in this example.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); + + $('#example tbody').on('click', 'tr', function () { + var name = $('td', this).eq(0).text(); + alert( 'You clicked on '+name+'\'s row' ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/footer_callback.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/footer_callback.html new file mode 100644 index 0000000..4c61298 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/footer_callback.html @@ -0,0 +1,743 @@ + + + + + + + + DataTables example - Footer callback + + + + + + + + + + + + +
+
+

DataTables example Footer callback

+ +
+

Through the use of the header and footer callback manipulation functions provided by DataTables (headerCallbackDT and + footerCallbackDT), + it is possible to perform some powerful and useful data manipulation functions, such as summarising data in the table.

+ +

The example below shows a footer callback being used to total the data for a column (both the visible and the hidden data) using the column().data()DT API method and column().footer()DT for writing the + value into the footer.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeSalary
Total:
TigerNixonSystem ArchitectEdinburgh$320,800
GarrettWintersAccountantTokyo$170,750
AshtonCoxJunior Technical AuthorSan Francisco$86,000
CedricKellySenior Javascript DeveloperEdinburgh$433,060
AiriSatouAccountantTokyo$162,700
BrielleWilliamsonIntegration SpecialistNew York$372,000
HerrodChandlerSales AssistantSan Francisco$137,500
RhonaDavidsonIntegration SpecialistTokyo$327,900
ColleenHurstJavascript DeveloperSan Francisco$205,500
SonyaFrostSoftware EngineerEdinburgh$103,600
JenaGainesOffice ManagerLondon$90,560
QuinnFlynnSupport LeadEdinburgh$342,000
ChardeMarshallRegional DirectorSan Francisco$470,600
HaleyKennedySenior Marketing DesignerLondon$313,500
TatyanaFitzpatrickRegional DirectorLondon$385,750
MichaelSilvaMarketing DesignerLondon$198,500
PaulByrdChief Financial Officer (CFO)New York$725,000
GloriaLittleSystems AdministratorNew York$237,500
BradleyGreerSoftware EngineerLondon$132,000
DaiRiosPersonnel LeadEdinburgh$217,500
JenetteCaldwellDevelopment LeadNew York$345,000
YuriBerryChief Marketing Officer (CMO)New York$675,000
CaesarVancePre-Sales SupportNew York$106,450
DorisWilderSales AssistantSidney$85,600
AngelicaRamosChief Executive Officer (CEO)London$1,200,000
GavinJoyceDeveloperEdinburgh$92,575
JenniferChangRegional DirectorSingapore$357,650
BrendenWagnerSoftware EngineerSan Francisco$206,850
FionaGreenChief Operating Officer (COO)San Francisco$850,000
ShouItouRegional MarketingTokyo$163,000
MichelleHouseIntegration SpecialistSidney$95,400
SukiBurksDeveloperLondon$114,500
PrescottBartlettTechnical AuthorLondon$145,000
GavinCortezTeam LeaderSan Francisco$235,500
MartenaMccrayPost-Sales supportEdinburgh$324,050
UnityButlerMarketing DesignerSan Francisco$85,675
HowardHatfieldOffice ManagerSan Francisco$164,500
HopeFuentesSecretarySan Francisco$109,850
VivianHarrellFinancial ControllerSan Francisco$452,500
TimothyMooneyOffice ManagerLondon$136,200
JacksonBradshawDirectorNew York$645,750
OliviaLiangSupport EngineerSingapore$234,500
BrunoNashSoftware EngineerLondon$163,500
SakuraYamamotoSupport EngineerTokyo$139,575
ThorWaltonDeveloperNew York$98,540
FinnCamachoSupport EngineerSan Francisco$87,500
SergeBaldwinData CoordinatorSingapore$138,575
ZenaidaFrankSoftware EngineerNew York$125,250
ZoritaSerranoSoftware EngineerSan Francisco$115,000
JenniferAcostaJunior Javascript DeveloperEdinburgh$75,650
CaraStevensSales AssistantNew York$145,600
HermioneButlerRegional DirectorLondon$356,250
LaelGreerSystems AdministratorLondon$103,500
JonasAlexanderDeveloperSan Francisco$86,500
ShadDeckerRegional DirectorEdinburgh$183,000
MichaelBruceJavascript DeveloperSingapore$183,000
DonnaSniderCustomer SupportNew York$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "footerCallback": function ( row, data, start, end, display ) { + var api = this.api(), data; + + // Remove the formatting to get integer data for summation + var intVal = function ( i ) { + return typeof i === 'string' ? + i.replace(/[\$,]/g, '')*1 : + typeof i === 'number' ? + i : 0; + }; + + // Total over all pages + total = api + .column( 4 ) + .data() + .reduce( function (a, b) { + return intVal(a) + intVal(b); + } ); + + // Total over this page + pageTotal = api + .column( 4, { page: 'current'} ) + .data() + .reduce( function (a, b) { + return intVal(a) + intVal(b); + }, 0 ); + + // Update footer + $( api.column( 4 ).footer() ).html( + '$'+pageTotal +' ( $'+ total +' total)' + ); + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

th { white-space: nowrap; } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/html5-data-attributes.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/html5-data-attributes.html new file mode 100644 index 0000000..42dd328 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/html5-data-attributes.html @@ -0,0 +1,746 @@ + + + + + + + + DataTables example - HTML5 data-* attributes - cell data + + + + + + + + + + + + +
+
+

DataTables example HTML5 data-* attributes - cell data

+ +
+

DataTables can use different data for different actions (display, ordering and searching) which can be immensely powerful for transforming data in the display + to be intuitive for the end user, while using different, or more complex data, for other actions. For example, if a table contains a formatted telephone number in + the format xxx-xxxx, intuitively a user might search for the number but without a dash. Using orthogonal data for searching allows both forms of the + telephone number to be used, while only the nicely formatted number is displayed in the table.

+ +

One method in which DataTables can obtain this orthogonal data for its different actions is through custom HTML5 data attributes. DataTables + will automatically detect four different attributes on the HTML elements:

+ +
    +
  • data-sort or data-order - for ordering data
    • +
  • data-filter or data-search - for search data
    • +
+ +

This example shows the use of data-sort and data-filter attributes. In this case the first column has been formatted so the first name + has abbreviated, but the full name is still searchable (search for "Bruno" for example). Additionally, although the last column contains non-numeric data in it + (/y) the column will correctly order numerically as the data-sort / data-order attribute is set on the column with plain + numeric data.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
T. NixonSystem ArchitectEdinburgh61Mon 25th Apr 11$320,800/y
G. WintersAccountantTokyo63Mon 25th Jul 11$170,750/y
A. CoxJunior Technical AuthorSan Francisco66Mon 12th Jan 09$86,000/y
C. KellySenior Javascript DeveloperEdinburgh22Thu 29th Mar 12$433,060/y
A. SatouAccountantTokyo33Fri 28th Nov 08$162,700/y
B. WilliamsonIntegration SpecialistNew York61Sun 2nd Dec 12$372,000/y
H. ChandlerSales AssistantSan Francisco59Mon 6th Aug 12$137,500/y
R. DavidsonIntegration SpecialistTokyo55Thu 14th Oct 10$327,900/y
C. HurstJavascript DeveloperSan Francisco39Tue 15th Sep 09$205,500/y
S. FrostSoftware EngineerEdinburgh23Sat 13th Dec 08$103,600/y
J. GainesOffice ManagerLondon30Fri 19th Dec 08$90,560/y
Q. FlynnSupport LeadEdinburgh22Sun 3rd Mar 13$342,000/y
C. MarshallRegional DirectorSan Francisco36Thu 16th Oct 08$470,600/y
H. KennedySenior Marketing DesignerLondon43Tue 18th Dec 12$313,500/y
T. FitzpatrickRegional DirectorLondon19Wed 17th Mar 10$385,750/y
M. SilvaMarketing DesignerLondon66Tue 27th Nov 12$198,500/y
P. ByrdChief Financial Officer (CFO)New York64Wed 9th Jun 10$725,000/y
G. LittleSystems AdministratorNew York59Fri 10th Apr 09$237,500/y
B. GreerSoftware EngineerLondon41Sat 13th Oct 12$132,000/y
D. RiosPersonnel LeadEdinburgh35Wed 26th Sep 12$217,500/y
J. CaldwellDevelopment LeadNew York30Sat 3rd Sep 11$345,000/y
Y. BerryChief Marketing Officer (CMO)New York40Thu 25th Jun 09$675,000/y
C. VancePre-Sales SupportNew York21Mon 12th Dec 11$106,450/y
D. WilderSales AssistantSidney23Mon 20th Sep 10$85,600/y
A. RamosChief Executive Officer (CEO)London47Fri 9th Oct 09$1,200,000/y
G. JoyceDeveloperEdinburgh42Wed 22nd Dec 10$92,575/y
J. ChangRegional DirectorSingapore28Sun 14th Nov 10$357,650/y
B. WagnerSoftware EngineerSan Francisco28Tue 7th Jun 11$206,850/y
F. GreenChief Operating Officer (COO)San Francisco48Thu 11th Mar 10$850,000/y
S. ItouRegional MarketingTokyo20Sun 14th Aug 11$163,000/y
M. HouseIntegration SpecialistSidney37Thu 2nd Jun 11$95,400/y
S. BurksDeveloperLondon53Thu 22nd Oct 09$114,500/y
P. BartlettTechnical AuthorLondon27Sat 7th May 11$145,000/y
G. CortezTeam LeaderSan Francisco22Sun 26th Oct 08$235,500/y
M. MccrayPost-Sales supportEdinburgh46Wed 9th Mar 11$324,050/y
U. ButlerMarketing DesignerSan Francisco47Wed 9th Dec 09$85,675/y
H. HatfieldOffice ManagerSan Francisco51Tue 16th Dec 08$164,500/y
H. FuentesSecretarySan Francisco41Fri 12th Feb 10$109,850/y
V. HarrellFinancial ControllerSan Francisco62Sat 14th Feb 09$452,500/y
T. MooneyOffice ManagerLondon37Thu 11th Dec 08$136,200/y
J. BradshawDirectorNew York65Fri 26th Sep 08$645,750/y
O. LiangSupport EngineerSingapore64Thu 3rd Feb 11$234,500/y
B. NashSoftware EngineerLondon38Tue 3rd May 11$163,500/y
S. YamamotoSupport EngineerTokyo37Wed 19th Aug 09$139,575/y
T. WaltonDeveloperNew York61Sun 11th Aug 13$98,540/y
F. CamachoSupport EngineerSan Francisco47Tue 7th Jul 09$87,500/y
S. BaldwinData CoordinatorSingapore64Mon 9th Apr 12$138,575/y
Z. FrankSoftware EngineerNew York63Mon 4th Jan 10$125,250/y
Z. SerranoSoftware EngineerSan Francisco56Fri 1st Jun 12$115,000/y
J. AcostaJunior Javascript DeveloperEdinburgh43Fri 1st Feb 13$75,650/y
C. StevensSales AssistantNew York46Tue 6th Dec 11$145,600/y
H. ButlerRegional DirectorLondon47Mon 21st Mar 11$356,250/y
L. GreerSystems AdministratorLondon21Fri 27th Feb 09$103,500/y
J. AlexanderDeveloperSan Francisco30Wed 14th Jul 10$86,500/y
S. DeckerRegional DirectorEdinburgh51Thu 13th Nov 08$183,000/y
M. BruceJavascript DeveloperSingapore29Mon 27th Jun 11$183,000/y
D. SniderCustomer SupportNew York27Tue 25th Jan 11$112,000/y
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').DataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/html5-data-options.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/html5-data-options.html new file mode 100644 index 0000000..67740c4 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/html5-data-options.html @@ -0,0 +1,745 @@ + + + + + + + + DataTables example - HTML5 data-* attributes - table options + + + + + + + + + + + + +
+
+

DataTables example HTML5 data-* attributes - table options

+ +
+

As of DataTables 1.10.5 it is now possible to define initialisation options using HTML5 data-* + attributes. The attribute names are read by DataTables and used, potentially in combination with, the standard Javascript initialisation options (with the + data-* attributes taking priority).

+ +

Please note that the attribute values must contain valid JSON data or a Javascript primitive (as require by jQuery's $().data() method - this means that double quotes should be used inside the attribute if needed + for a string (see the data-order example below).

+ +

Additionally, jQuery will convert a dashed string into the camel-case notation used by DataTables for its options. For example data-page-length is + used to represent pageLengthDT.

+ +

The table below shows the use of pageLengthDT and orderDT on the main table. Column options can also be defined on the table column cells, as shown by the + use of the columns.orderableDT option on the fifth column below.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').DataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/index.html new file mode 100644 index 0000000..4404f79 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/index.html @@ -0,0 +1,73 @@ + + + + + + + + + + + + + DataTables examples - Advanced initialisation + + + +
+
+

DataTables example Advanced initialisation

+ +
+

The configuration options offered by DataTables extend much further than the options shown in the basic initialisation of this documentation. Through + combinations of the options available and the use of callbacks, DataTables is completely customisable and will fit into exactly what you need for your table + display.

+ +

This section shows some more advanced initialisation options. Keep in mind also that each example can be combined with the other examples to get what you + want!

+
+
+
+ +
+
+
+ +
+
+
+

Advanced initialisation

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/language_file.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/language_file.html new file mode 100644 index 0000000..40ab873 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/language_file.html @@ -0,0 +1,742 @@ + + + + + + + + DataTables example - Language file + + + + + + + + + + + + +
+
+

DataTables example Language file

+ +
+

As well as being able to pass language information to DataTables through the languageDT initialisation option, you can also store the language information in a file, which + DataTables can load by Ajax using the language.urlDT option.

+ +

The following example shows DataTables reading a German language file which is hosted on the DataTables CDN

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "language": { + "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json" + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/length_menu.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/length_menu.html new file mode 100644 index 0000000..0107c33 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/length_menu.html @@ -0,0 +1,745 @@ + + + + + + + + DataTables example - Page length options + + + + + + + + + + + + +
+
+

DataTables example Page length options

+ +
+

It is possible to easily customise the options shown in the length menu (by default at the top left of the table) using the lengthMenuDT initialisation + option.

+ +

This parameter can take one of two forms:

+ +
    +
  • A 1D array of options which will be used for both the displayed option and the value, or
    • +
  • A 2D array in which the first array is used to define the value options and the second array the displayed options (useful for language strings such as + 'All').
    • +
+ +

The example below shows a 2D array being used to include a "Show all" records option.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/object_dom_read.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/object_dom_read.html new file mode 100644 index 0000000..66754e7 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/object_dom_read.html @@ -0,0 +1,771 @@ + + + + + + + + DataTables example - Read HTML to data objects + + + + + + + + + + + + +
+
+

DataTables example Read HTML to data objects

+ +
+

When DataTables reads the table content from an HTML table (rather than an Ajax or Javascript data source), by default it will read the information in the table + into an array that DataTables stores internally. Each array element represents a column.

+ +

It can be very useful to have DataTables read the information into an object rather than an array, an option that can be triggered using the columns.dataDT + initialisation option to define how you want the data to be stored. Typically columns.dataDT is used with Ajax sourced data to tell DataTables + where to read data from, but as can be seen here it also tells DataTables where to write the data to.

+ +

This ability to store data into an object can be very useful when working with the DataTables API after the table has been initialised.

+ +

In the example shown here, the data read from each row in the table is read into a Javascript object with the structure:

+ 
+{
+	"name":	   "...",
+	"position":   "...",
+	"office":	 "...",
+	"age":		"...",
+	"start_date": "...",
+	"salary":	 "..."
+}
+
+
+ +

Please note that this feature requires DataTables 1.10.3 or newer.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').DataTable({ + "columns": [ + { "data": "name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "age" }, + { "data": "start_date" }, + { "data": "salary" } + ] + }); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/row_callback.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/row_callback.html new file mode 100644 index 0000000..6364f57 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/row_callback.html @@ -0,0 +1,755 @@ + + + + + + + + DataTables example - Row created callback + + + + + + + + + + + + +
+
+

DataTables example Row created callback

+ +
+

The following example shows how a callback function can be used to format a particular row at draw time. For each row that is generated for display, the + createdRowDT function + is called once and once only. It is passed the create row node which can then be modified.

+ +

In this case a trivial example of making the 'salary' column blue and bold by adding a CSS class to the container cell if the salary is greater than $4,000. + Note that columns.createdCellDT could also be used to create exactly the same effect.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "createdRow": function ( row, data, index ) { + if ( data[5].replace(/[\$,]/g, '') * 1 > 150000 ) { + $('td', row).eq(5).addClass('highlight'); + } + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

td.highlight { + font-weight: bold; + color: blue; + } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/row_grouping.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/row_grouping.html new file mode 100644 index 0000000..f4d7fd2 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/row_grouping.html @@ -0,0 +1,808 @@ + + + + + + + + DataTables example - Row grouping + + + + + + + + + + + + +
+
+

DataTables example Row grouping

+ +
+

Although DataTables doesn't have row grouping built-in (picking one of the many methods available would overly limit the DataTables core), it is most certainly + possible to give the look and feel of row grouping.

+ +

In the example below the 'group' is the office location, which is based on the information in the third column (which is set to hidden). The grouping indicator + is added by the drawCallbackDT function, which will parse through the rows which are displayed, and enter a grouping TR + element where a new group is found. A click event handler is added for the grouping rows to allow the grouping order to be restored as well as + ordering by any other column.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var table = $('#example').DataTable({ + "columnDefs": [ + { "visible": false, "targets": 2 } + ], + "order": [[ 2, 'asc' ]], + "displayLength": 25, + "drawCallback": function ( settings ) { + var api = this.api(); + var rows = api.rows( {page:'current'} ).nodes(); + var last=null; + + api.column(2, {page:'current'} ).data().each( function ( group, i ) { + if ( last !== group ) { + $(rows).eq( i ).before( + '<tr class="group"><td colspan="5">'+group+'</td></tr>' + ); + + last = group; + } + } ); + } + } ); + + // Order by the grouping + $('#example tbody').on( 'click', 'tr.group', function () { + var currentOrder = table.order()[0]; + if ( currentOrder[0] === 2 && currentOrder[1] === 'asc' ) { + table.order( [ 2, 'desc' ] ).draw(); + } + else { + table.order( [ 2, 'asc' ] ).draw(); + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

tr.group, +tr.group:hover { + background-color: #ddd !important; +} +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/sort_direction_control.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/sort_direction_control.html new file mode 100644 index 0000000..1d212d2 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/advanced_init/sort_direction_control.html @@ -0,0 +1,764 @@ + + + + + + + + DataTables example - Order direction sequence control + + + + + + + + + + + + +
+
+

DataTables example Order direction sequence control

+ +
+

At times you may wish to change the default ordering direction sequence for columns (some or all of them) to be 'descending' rather than DataTables' default + ascending. This can be done through the use of the columns.orderSequenceDT initialisation parameter. This parameter also allows you to limit the ordering + to a single direction, or you could add complex behaviour to the ordering interaction.

+ +

The example below shows:

+ +
    +
  • Column 1 - default ordering
    • +
  • Column 2 - default ordering
    • +
  • Column 3 - ascending ordering only
    • +
  • Column 4 - descending ordering, followed by ascending and then ascending again
    • +
  • Column 5 - descending ordering only
    • +
  • Column 6 - default ordering
    • +
+ +

It's worth noting that I don't have a good use case for when you might what to mix such complex ordering behaviour into a single table, but the example shows + how these options can be use and therefore applied across all columns.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "aoColumns": [ + null, + null, + { "orderSequence": [ "asc" ] }, + { "orderSequence": [ "desc", "asc", "asc" ] }, + { "orderSequence": [ "desc" ] }, + null + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/custom_data_flat.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/custom_data_flat.html new file mode 100644 index 0000000..0a95322 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/custom_data_flat.html @@ -0,0 +1,310 @@ + + + + + + + + DataTables example - Flat array data source + + + + + + + + + + + + +
+
+

DataTables example Flat array data source

+ +
+

When loading data from an Ajax source, by default, DataTables will look for the data to use in the data parameter of a returned object (e.g. + { "data": [...] }). This can easily be change by using the dataSrc option of the ajaxDT initiation option.

+ +

The ajax.dataSrcDT has a number of ways in which it can be used:

+ +
    +
  • As a string (e.g. dataSrc: 'myData') - obtain data from a different property in the source object.
    • +
  • As an empty string (e.g. dataSrc: '') - the data source is not an object but an array.
    • +
  • As a function (e.g. dataSrc: function(json) {}) - 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.
    • +
+ +

The example below shows ajax.dataSrcDT 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.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(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" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/custom_data_property.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/custom_data_property.html new file mode 100644 index 0000000..0c29c63 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/custom_data_property.html @@ -0,0 +1,294 @@ + + + + + + + + DataTables example - Custom data source property + + + + + + + + + + + + +
+
+

DataTables example Custom data source property

+ +
+

When loading data from an Ajax source, by default, DataTables will look for the data to use in the data parameter of a returned object (e.g. + { "data": [...] }). This can easily be change by using the dataSrc option of the ajaxDT initiation option.

+ +

The ajax.dataSrcDT has a number of ways in which it can be used:

+ +
    +
  • As a string (e.g. dataSrc: 'myData') - obtain data from a different property in the source object.
    • +
  • As an empty string (e.g. dataSrc: '') - the data source is not an object but an array.
    • +
  • As a function (e.g. dataSrc: function(json) {}) - 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.
    • +
+ +

The example below shows ajax.dataSrcDT being used as a string to get the data from a different source property, in this case + demo but it could be any value, included a nested property by using standard dotted Javascript object notation.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "ajax": { + "url": "data/arrays_custom_prop.txt", + "dataSrc": "demo" + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/arrays.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/arrays.txt new file mode 100644 index 0000000..5b4636d --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/arrays.txt @@ -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" + ] + ] +} \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/arrays_custom_prop.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/arrays_custom_prop.txt new file mode 100644 index 0000000..427185a --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/arrays_custom_prop.txt @@ -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" + ] + ] +} \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/arrays_subobjects.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/arrays_subobjects.txt new file mode 100644 index 0000000..3a4abb1 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/arrays_subobjects.txt @@ -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" + } + } + ] +} \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects.txt new file mode 100644 index 0000000..67f0f3e --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects.txt @@ -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" + } + ] +} \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects_deep.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects_deep.txt new file mode 100644 index 0000000..5b80c73 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects_deep.txt @@ -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" + ] + } + ] +} \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects_root_array.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects_root_array.txt new file mode 100644 index 0000000..28dd544 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects_root_array.txt @@ -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" + } +] \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects_subarrays.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects_subarrays.txt new file mode 100644 index 0000000..419e4b7 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/objects_subarrays.txt @@ -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" + } + ] +} \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/orthogonal.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/orthogonal.txt new file mode 100644 index 0000000..ea26fd4 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/data/orthogonal.txt @@ -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" + } + ] +} \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/deep.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/deep.html new file mode 100644 index 0000000..7c28423 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/deep.html @@ -0,0 +1,315 @@ + + + + + + + + DataTables example - Nested object data (objects) + + + + + + + + + + + + +
+
+

DataTables example Nested object data (objects)

+ +
+

DataTables has the ability to use data from almost data JSON data source through the use of the columns.dataDT option. In + its simplest case, it can be used to read arbitrary object properties, but can also be extended to n levels of nested objects / arrays through the use of + standard Javascript dotted object notation. Each dot (.) in the columns.dataDT option represents another object level.

+ +

In this example hr.position refers to the position property of the hr object in the row's data source object, while + contact.0 refers to the first element of the contact array. Any number of dots can be used to obtain deeply nested data.

+ +

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:

+ 
+{
+	"name": "Tiger Nixon",
+	"hr": {
+		"position": "System Architect",
+		"salary": "$3,120",
+		"start_date": "2011/04/25"
+	},
+	"contact": [
+		"Edinburgh",
+		"5421"
+	]
+}
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(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" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/defer_render.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/defer_render.html new file mode 100644 index 0000000..3f8e5ec --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/defer_render.html @@ -0,0 +1,284 @@ + + + + + + + + DataTables example - Deferred rendering for speed + + + + + + + + + + + + +
+
+

DataTables example Deferred rendering for speed

+ +
+

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 deferRenderDT option.

+ +

When deferred rendering is enabled, rather than having DataTables create all TR and TD 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.

+ +

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.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "ajax": "data/arrays.txt", + "deferRender": true + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/index.html new file mode 100644 index 0000000..706280e --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/index.html @@ -0,0 +1,65 @@ + + + + + + + + + + + + + DataTables examples - Ajax sourced data + + + +
+
+

DataTables example Ajax sourced data

+ +
+

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 + ajaxDT option, which has a + number of options to customise how the data is retrieved from the server.

+ +

The examples in this section demonstrate the use of Ajax loading data in DataTables, with client-side processing.

+
+
+
+ +
+
+
+ +
+
+
+

Ajax

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/null_data_source.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/null_data_source.html new file mode 100644 index 0000000..7eebea4 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/null_data_source.html @@ -0,0 +1,309 @@ + + + + + + + + DataTables example - Generated content for a column + + + + + + + + + + + + +
+
+

DataTables example Generated content for a column

+ +
+

In some tables you might wish to have some content generated automatically. This can be done in a number of ways:

+ + + +

This examples shows the use of columns.defaultContentDT to create a button element in the last column of the table. A simple + jQuery click event listener is used to watch for clicks on the row, and when activated uses the row().data()DT method to get the data for the + row and show a bit of information about it in an alert box. This is a simple use case, but it can be built up to be arbitrarily complex.

+ +

Note also that the columns.dataDT option for the column has been set to null to indicate that the column has + no information that should be obtained data source object.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(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 ] ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/objects.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/objects.html new file mode 100644 index 0000000..2f2014f --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/objects.html @@ -0,0 +1,308 @@ + + + + + + + + DataTables example - Ajax data source (objects) + + + + + + + + + + + + +
+
+

DataTables example Ajax data source (objects)

+ +
+

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.

+ +

This can be done quite simply by using the columns.dataDT option which you use to tell DataTables which property to use from the data source object + for each column.

+ +

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:

+ 
+{
+	"name":	   "Tiger Nixon",
+	"position":   "System Architect",
+	"salary":	 "$3,120",
+	"start_date": "2011/04/25",
+	"office":	 "Edinburgh",
+	"extn":	   "5421"
+}
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "ajax": "data/objects.txt", + "columns": [ + { "data": "name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "extn" }, + { "data": "start_date" }, + { "data": "salary" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/objects_subarrays.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/objects_subarrays.html new file mode 100644 index 0000000..9104cd8 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/objects_subarrays.html @@ -0,0 +1,325 @@ + + + + + + + + DataTables example - Nested object data (arrays) + + + + + + + + + + + + +
+
+

DataTables example Nested object data (arrays)

+ +
+

The information read from an Ajax data source can be arbitrarily complex, but still be displayed by DataTables through the columns.dataDT option, which + is particularly useful for working with JSON feeds in an already defined format.

+ +

The columns.dataDT 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 columns.dataDT can process + the data to combine and display the data in simple forms (more complex forms can be defined by using columns.dataDT as a + function).

+ +

This example shows two different aspects of using columns.dataDT to read arrays:

+ +
    +
  • The Name 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. name[, ]).
    • +
  • The Position, Start date and Salary columns are read directly from array elements using dotted object notation (e.g. + hr.0). 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:
    • +
+ 
+{
+	"name": [
+		"Nixon",
+		"Tiger"
+	],
+	"hr": [
+		"System Architect",
+		"$3,120",
+		"2011/04/25"
+	],
+	"office": "Edinburgh",
+	"extn": "5421"
+}
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(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" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/orthogonal-data.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/orthogonal-data.html new file mode 100644 index 0000000..240734c --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/orthogonal-data.html @@ -0,0 +1,317 @@ + + + + + + + + DataTables example - Orthogonal data + + + + + + + + + + + + +
+
+

DataTables example Orthogonal data

+ +
+

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.

+ +

This can be done quite simply by using the columns.dataDT option which you use to tell DataTables which property to use from the data source object + for each column.

+ +

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:

+ 
+{
+	"name":	   "Tiger Nixon",
+	"position":   "System Architect",
+	"salary":	 "$3,120",
+	"start_date": {
+		"display": "Mon 25th Apr 11",
+		"timestamp": "1303682400"
+	},
+	"office":	 "Edinburgh",
+	"extn":	   "5421"
+}
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(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" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/simple.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/simple.html new file mode 100644 index 0000000..9bf2ed9 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/ajax/simple.html @@ -0,0 +1,296 @@ + + + + + + + + DataTables example - Ajax data source (arrays) + + + + + + + + + + + + +
+
+

DataTables example Ajax data source (arrays)

+ +
+

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 ajaxDT option to the + address of the JSON data source.

+ +

The ajaxDT option also + allows for more advanced configuration such as altering how the Ajax request is made. See the ajaxDT documentation or the other Ajax examples for DataTables for further information.

+ +

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 columns.dataDT option, shown + in other examples).

+ +

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:

+ 
+[
+	"Tiger Nixon",
+	"System Architect",
+	"Edinburgh",
+	"5421",
+	"2011/04/25",
+	"$3,120"
+]
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "ajax": "data/arrays.txt" + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/add_row.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/add_row.html new file mode 100644 index 0000000..ef6e29d --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/add_row.html @@ -0,0 +1,308 @@ + + + + + + + + DataTables example - Add rows + + + + + + + + + + + + +
+
+

DataTables example Add rows

+ +
+

New rows can be added to a DataTable very easily using the row.add()DT API method. Simply call the API function with the data that is to be used for the new row (be it an + array or object). Multiple rows can be added using the rows.add()DT method (note the plural).

+ +

Note that in order to see the new row in the table you must call the draw()DT method, which is easily done through the chaining that the DataTables API makes use of.

+ +

This example shows a single row being added each time the button below is clicked upon.

+
+ + + + + + + + + + + + + + + + + + + + + +
Column 1Column 2Column 3Column 4Column 5
Column 1Column 2Column 3Column 4Column 5
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var t = $('#example').DataTable(); + var counter = 1; + + $('#addRow').on( 'click', function () { + t.row.add( [ + counter +'.1', + counter +'.2', + counter +'.3', + counter +'.4', + counter +'.5' + ] ).draw(); + + counter++; + } ); + + // Automatically add a first row of data + $('#addRow').click(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/api_in_init.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/api_in_init.html new file mode 100644 index 0000000..b951359 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/api_in_init.html @@ -0,0 +1,756 @@ + + + + + + + + DataTables example - Using API in callbacks + + + + + + + + + + + + +
+
+

DataTables example Using API in callbacks

+ +
+

There are times when you may wish to call API functions inside the DataTables callback functions (for example initCompleteDT, rowCallbackDT etc). The + complicating issue with this is that the object hasn't fully initialised, so you can't assign the result to a variable and then use that variable in the callback. + However, all of DataTables' callback functions are executed in the scope of the DataTable instance, so you can use the Javascript special variable + this to access the API (this.api() will give an API instance) as this is the table + node.

+ +

In this example you will be able to see that the $()DT method is used to get all cell nodes in the table's body and then act on them (in this case adding a click + event). The action here is to apply a filter to the table with the value of what is in each cell.

+ +

It is also worth noting that this same effect could be achieved by attaching a delegated click event after the table has been initialised - but the example + shows the use of the API inside the callbacks!

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "initComplete": function () { + var api = this.api(); + api.$('td').click( function () { + api.search( this.innerHTML ).draw(); + } ); + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/counter_columns.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/counter_columns.html new file mode 100644 index 0000000..4d303d9 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/counter_columns.html @@ -0,0 +1,765 @@ + + + + + + + + DataTables example - Index column + + + + + + + + + + + + +
+
+

DataTables example Index column

+ +
+

Highly-interactive tables often require a 'counter' column that contains the position in the table for each row. This column should not be sortable, and will + change dynamically as the ordering and searching applied to the table is altered by the end user.

+ +

This example shows how this can be achieved with DataTables, where the first column is the counter column, and is updated when ordering or searching occurs. + This is done by listening for the orderDT and + searchDT events emitted by the table. When + these events are detected the column().nodes()DT method is used to get the TD/TH nodes for the target column and the each() helper + function used to iterate over each, which have their contents updated as needed. Note that the filter and order options are using in the + column()DT method to get the nodes in the + current order and with the currently applied filter.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeSalary
NamePositionOfficeAgeSalary
Tiger NixonSystem ArchitectEdinburgh61$320,800
Garrett WintersAccountantTokyo63$170,750
Ashton CoxJunior Technical AuthorSan Francisco66$86,000
Cedric KellySenior Javascript DeveloperEdinburgh22$433,060
Airi SatouAccountantTokyo33$162,700
Brielle WilliamsonIntegration SpecialistNew York61$372,000
Herrod ChandlerSales AssistantSan Francisco59$137,500
Rhona DavidsonIntegration SpecialistTokyo55$327,900
Colleen HurstJavascript DeveloperSan Francisco39$205,500
Sonya FrostSoftware EngineerEdinburgh23$103,600
Jena GainesOffice ManagerLondon30$90,560
Quinn FlynnSupport LeadEdinburgh22$342,000
Charde MarshallRegional DirectorSan Francisco36$470,600
Haley KennedySenior Marketing DesignerLondon43$313,500
Tatyana FitzpatrickRegional DirectorLondon19$385,750
Michael SilvaMarketing DesignerLondon66$198,500
Paul ByrdChief Financial Officer (CFO)New York64$725,000
Gloria LittleSystems AdministratorNew York59$237,500
Bradley GreerSoftware EngineerLondon41$132,000
Dai RiosPersonnel LeadEdinburgh35$217,500
Jenette CaldwellDevelopment LeadNew York30$345,000
Yuri BerryChief Marketing Officer (CMO)New York40$675,000
Caesar VancePre-Sales SupportNew York21$106,450
Doris WilderSales AssistantSidney23$85,600
Angelica RamosChief Executive Officer (CEO)London47$1,200,000
Gavin JoyceDeveloperEdinburgh42$92,575
Jennifer ChangRegional DirectorSingapore28$357,650
Brenden WagnerSoftware EngineerSan Francisco28$206,850
Fiona GreenChief Operating Officer (COO)San Francisco48$850,000
Shou ItouRegional MarketingTokyo20$163,000
Michelle HouseIntegration SpecialistSidney37$95,400
Suki BurksDeveloperLondon53$114,500
Prescott BartlettTechnical AuthorLondon27$145,000
Gavin CortezTeam LeaderSan Francisco22$235,500
Martena MccrayPost-Sales supportEdinburgh46$324,050
Unity ButlerMarketing DesignerSan Francisco47$85,675
Howard HatfieldOffice ManagerSan Francisco51$164,500
Hope FuentesSecretarySan Francisco41$109,850
Vivian HarrellFinancial ControllerSan Francisco62$452,500
Timothy MooneyOffice ManagerLondon37$136,200
Jackson BradshawDirectorNew York65$645,750
Olivia LiangSupport EngineerSingapore64$234,500
Bruno NashSoftware EngineerLondon38$163,500
Sakura YamamotoSupport EngineerTokyo37$139,575
Thor WaltonDeveloperNew York61$98,540
Finn CamachoSupport EngineerSan Francisco47$87,500
Serge BaldwinData CoordinatorSingapore64$138,575
Zenaida FrankSoftware EngineerNew York63$125,250
Zorita SerranoSoftware EngineerSan Francisco56$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh43$75,650
Cara StevensSales AssistantNew York46$145,600
Hermione ButlerRegional DirectorLondon47$356,250
Lael GreerSystems AdministratorLondon21$103,500
Jonas AlexanderDeveloperSan Francisco30$86,500
Shad DeckerRegional DirectorEdinburgh51$183,000
Michael BruceJavascript DeveloperSingapore29$183,000
Donna SniderCustomer SupportNew York27$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var t = $('#example').DataTable( { + "columnDefs": [ { + "searchable": false, + "orderable": false, + "targets": 0 + } ], + "order": [[ 1, 'asc' ]] + } ); + + t.on( 'order.dt search.dt', function () { + t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) { + cell.innerHTML = i+1; + } ); + } ).draw(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/form.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/form.html new file mode 100644 index 0000000..8769cd3 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/form.html @@ -0,0 +1,1778 @@ + + + + + + + + DataTables example - Form inputs + + + + + + + + + + + + +
+
+

DataTables example Form inputs

+ +
+

In order to perform paging, ordering, searching etc, DataTables can remove rows and cells from the document (i.e. those rows / cells which are not needed are + not inserted into the document). This increases performance and compatibility, however, it means that submitting forms which span multiple pages requires a little + bit of additional work to get the information that is not in the document any longer.

+ +

The $()DT method can be used to get nodes + from the document regardless of paging, ordering etc. This example shows $()DT being used to get all input elements from the table.

+ +

In the example a simple alert() is used to show the information from the form, but an Ajax call to the server with the form data could easily be + performed.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameAgePositionOffice
NameAgePositionOffice
Tiger Nixon
Garrett Winters
Ashton Cox
Cedric Kelly
Airi Satou
Brielle Williamson
Herrod Chandler
Rhona Davidson
Colleen Hurst
Sonya Frost
Jena Gaines
Quinn Flynn
Charde Marshall
Haley Kennedy
Tatyana Fitzpatrick
Michael Silva
Paul Byrd
Gloria Little
Bradley Greer
Dai Rios
Jenette Caldwell
Yuri Berry
Caesar Vance
Doris Wilder
Angelica Ramos
Gavin Joyce
Jennifer Chang
Brenden Wagner
Fiona Green
Shou Itou
Michelle House
Suki Burks
Prescott Bartlett
Gavin Cortez
Martena Mccray
Unity Butler
Howard Hatfield
Hope Fuentes
Vivian Harrell
Timothy Mooney
Jackson Bradshaw
Olivia Liang
Bruno Nash
Sakura Yamamoto
Thor Walton
Finn Camacho
Serge Baldwin
Zenaida Frank
Zorita Serrano
Jennifer Acosta
Cara Stevens
Hermione Butler
Lael Greer
Jonas Alexander
Shad Decker
Michael Bruce
Donna Snider
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + $('button').click( function() { + var data = table.$('input, select').serialize(); + alert( + "The following data would have been submitted to the server: \n\n"+ + data.substr( 0, 120 )+'...' + ); + return false; + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/highlight.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/highlight.html new file mode 100644 index 0000000..c78bd0c --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/highlight.html @@ -0,0 +1,772 @@ + + + + + + + + DataTables example - Highlighting rows and columns + + + + + + + + + + + + +
+
+

DataTables example Highlighting rows and columns

+ +
+

Highlighting rows and columns have be quite useful for drawing attention to where the user's cursor is in a table, particularly if you have a lot of narrow + columns. Of course the highlighting of a row is easy enough using CSS, but for column highlighting, you need to use a little bit of Javascript.

+ +

This example shows that in action on DataTable by making use of the cell().index()DT method to get the index of the column that is to be operated on, and then the cells().nodes()DT and column().nodes()DT methods to remove old + classes and apply the new highlighted class, respectively.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var lastIdx = null; + var table = $('#example').DataTable(); + + $('#example tbody') + .on( 'mouseover', 'td', function () { + var colIdx = table.cell(this).index().column; + + if ( colIdx !== lastIdx ) { + $( table.cells().nodes() ).removeClass( 'highlight' ); + $( table.column( colIdx ).nodes() ).addClass( 'highlight' ); + } + } ) + .on( 'mouseleave', function () { + $( table.cells().nodes() ).removeClass( 'highlight' ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

td.highlight { + background-color: whitesmoke !important; +} +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/index.html new file mode 100644 index 0000000..ed5040b --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/index.html @@ -0,0 +1,66 @@ + + + + + + + + + + + + + DataTables examples - API + + + +
+
+

DataTables example API

+ +
+

The real power of DataTables can be exploited through the use of the API that it presents. The DataTables API is designed to be simple, consistent and easy to + use. The examples in this section show how the API may be used.

+
+
+
+ +
+
+
+ +
+
+
+

API

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/multi_filter.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/multi_filter.html new file mode 100644 index 0000000..3ebc48e --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/multi_filter.html @@ -0,0 +1,787 @@ + + + + + + + + DataTables example - Individual column searching (text inputs) + + + + + + + + + + + + +
+
+

DataTables example Individual column searching (text inputs)

+ +
+

The searching functionality that is provided by DataTables is very useful for quickly search through the information in the table - however the search is + global, and you may wish to present controls to search on specific columns only.

+ +

DataTables has the ability to apply searching to a specific column through the column().search()DT method (note that the name of the method is search not filter + since filter()DT is used to apply a + filter to a result set).

+ +

The column searches are cumulative, so you can apply multiple individual column searchs, in addition to the global search, allowing complex searching options to + be presented to the user.

+ +

This examples shows text elements being used with the column().search()DT method to add input controls in the footer of the table for each column. Note that the + *index*:visible option is used for the column selector to ensure that the column()DT method takes into account any hidden columns when selecting the column to act upon.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + // Setup - add a text input to each footer cell + $('#example tfoot th').each( function () { + var title = $('#example thead th').eq( $(this).index() ).text(); + $(this).html( '<input type="text" placeholder="Search '+title+'" />' ); + } ); + + // DataTable + var table = $('#example').DataTable(); + + // Apply the search + table.columns().eq( 0 ).each( function ( colIdx ) { + $( 'input', table.column( colIdx ).footer() ).on( 'keyup change', function () { + table + .column( colIdx ) + .search( this.value ) + .draw(); + } ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

tfoot input { + width: 100%; + padding: 3px; + box-sizing: border-box; + } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/multi_filter_select.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/multi_filter_select.html new file mode 100644 index 0000000..563e3ae --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/multi_filter_select.html @@ -0,0 +1,799 @@ + + + + + + + + DataTables example - Individual column searching (select inputs) + + + + + + + + + + + + +
+
+

DataTables example Individual column searching (select inputs)

+ +
+

This example is almost identical to text based individual column example and provides the same functionality, but in this case using select input controls.

+ +

After the table is initialised, the API is used to build the select inputs through the use of the column().data()DT method to get the data + for each column in turn. The helper methods unique()DT and sort()DT are also used to reduce the data for set input to unique and ordered elements. Finally the + change event from the select input is used to trigger a column search using the column().search()DT method.

+ +

Note that the column().search()DT method in this particular case performs an exact match through the use of a custom regular + expression and disabling DataTables built in smart searching. For more information on the search options in DataTables API please refer to the documentation for + search()DT, column().search()DT and $.fn.dataTable.util.escapeRegex()DT which are used for searching globally, by column and escaping regular + expressions respectively.

+ +

Note also that this example shows the use of initCompleteDT a callback function that is triggered when the table has fully loaded. Use of this + callback isn't actually required in this example since the data is available in the table on load, but in the case of Ajax loaded data, initCompleteDT is useful to + execute code after the data has been loaded.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').DataTable( { + initComplete: function () { + var api = this.api(); + + api.columns().indexes().flatten().each( function ( i ) { + var column = api.column( i ); + var select = $('<select><option value=""></option></select>') + .appendTo( $(column.footer()).empty() ) + .on( 'change', function () { + var val = $.fn.dataTable.util.escapeRegex( + $(this).val() + ); + + column + .search( val ? '^'+val+'$' : '', true, false ) + .draw(); + } ); + + column.data().unique().sort().each( function ( d, j ) { + select.append( '<option value="'+d+'">'+d+'</option>' ) + } ); + } ); + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/regex.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/regex.html new file mode 100644 index 0000000..9ba8c59 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/regex.html @@ -0,0 +1,845 @@ + + + + + + + + DataTables example - Search API (regular expressions) + + + + + + + + + + + + +
+
+

DataTables example Search API (regular expressions)

+ +
+

Searching a table is one of the most common user interactions with a DataTables table, and DataTables provides a number of methods for you to control this + interaction. There are APIs for the global search (search()DT) and for each individual column (column().search()DT).

+ +

Note also that you must call the draw()DT method after performing the search, in order for the results to be displayed.

+ +

Each search (global or column) can be marked as a regular expression (allowing you to create very complex interactions) and as a smart search or not. When smart + searching is enabled on a particular search, DataTables will modify the user input string to a complex regular expression which can make searching more + intuitive.

+ +

This example allows you to "play" with the various searching options that DataTables provides.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TargetSearch textTreat as regexUse smart search
Global search
Column - Name
Column - Position
Column - Office
Column - Age
Column - Start date
Column - Salary
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

function filterGlobal () { + $('#example').DataTable().search( + $('#global_filter').val(), + $('#global_regex').prop('checked'), + $('#global_smart').prop('checked') + ).draw(); +} + +function filterColumn ( i ) { + $('#example').DataTable().column( i ).search( + $('#col'+i+'_filter').val(), + $('#col'+i+'_regex').prop('checked'), + $('#col'+i+'_smart').prop('checked') + ).draw(); +} + +$(document).ready(function() { + $('#example').dataTable(); + + $('input.global_filter').on( 'keyup click', function () { + filterGlobal(); + } ); + + $('input.column_filter').on( 'keyup click', function () { + filterColumn( $(this).parents('tr').attr('data-column') ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/row_details.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/row_details.html new file mode 100644 index 0000000..b883b99 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/row_details.html @@ -0,0 +1,392 @@ + + + + + + + + DataTables example - Child rows (show extra / detailed information) + + + + + + + + + + + + +
+
+

DataTables example Child rows (show extra / detailed information)

+ +
+

The DataTables API has a number of methods available for attaching child rows to a parent row in the DataTable. This can be used to show additional + information about a row, useful for cases where you wish to convey more information about a row than there is space for in the host table.

+ +

The example below makes use of the row().childDT methods to firstly check if a row is already displayed, and if so hide it (row().child.hide()DT), otherwise show + it (row().child.show()DT). The + content of the child row is, in this example, defined by the formatDetails() function, but you would replace that with whatever you wanted to show the + content required, possibly including, for example, an Ajax call to the server to obtain the extra information to show.

+
+ + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeSalary
NamePositionOfficeSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

/* Formatting function for row details - modify as you need */ +function format ( d ) { + // `d` is the original data object for the row + return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'+ + '<tr>'+ + '<td>Full name:</td>'+ + '<td>'+d.name+'</td>'+ + '</tr>'+ + '<tr>'+ + '<td>Extension number:</td>'+ + '<td>'+d.extn+'</td>'+ + '</tr>'+ + '<tr>'+ + '<td>Extra info:</td>'+ + '<td>And any further details here (images etc)...</td>'+ + '</tr>'+ + '</table>'; +} + +$(document).ready(function() { + var table = $('#example').DataTable( { + "ajax": "../ajax/data/objects.txt", + "columns": [ + { + "className": 'details-control', + "orderable": false, + "data": null, + "defaultContent": '' + }, + { "data": "name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "salary" } + ], + "order": [[1, 'asc']] + } ); + + // Add event listener for opening and closing details + $('#example tbody').on('click', 'td.details-control', function () { + var tr = $(this).closest('tr'); + var row = table.row( tr ); + + if ( row.child.isShown() ) { + // This row is already open - close it + row.child.hide(); + tr.removeClass('shown'); + } + else { + // Open this row + row.child( format(row.data()) ).show(); + tr.addClass('shown'); + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

td.details-control { + background: url('../resources/details_open.png') no-repeat center center; + cursor: pointer; +} +tr.shown td.details-control { + background: url('../resources/details_close.png') no-repeat center center; +} +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/select_row.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/select_row.html new file mode 100644 index 0000000..703c6a4 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/select_row.html @@ -0,0 +1,751 @@ + + + + + + + + DataTables example - Row selection (multiple rows) + + + + + + + + + + + + +
+
+

DataTables example Row selection (multiple rows)

+ +
+

It can be quite useful at times to provide the user with the option to select rows in a DataTable. This can be done by simply using a click event to add / + remove a class on the table rows. The rows().data()DT method can then be used to get the data for the selected rows. In this case it is simply counting + the number of selected rows, but much more complex interactions can easily be developed.

+ +

If you are looking for a more complete row selection option TableTools for DataTables provides a complete + API for selecting rows and acting upon those selected rows.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + $('#example tbody').on( 'click', 'tr', function () { + $(this).toggleClass('selected'); + } ); + + $('#button').click( function () { + alert( table.rows('.selected').data().length +' row(s) selected' ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/select_single_row.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/select_single_row.html new file mode 100644 index 0000000..864d6c0 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/select_single_row.html @@ -0,0 +1,767 @@ + + + + + + + + DataTables example - Row selection and deletion (single row) + + + + + + + + + + + + +
+
+

DataTables example Row selection and deletion (single row)

+ +
+

This example shows a modification of the multiple row selection example, where just a single can now be selected. This is done simply by checking to see if the + row already has a selected class or not, and if so removing it, if not then the class is removed from any other row in the table which does have it and applied to + the row to be selected.

+ +

Also shown is the row().remove()DT method which will delete a row from a table, and the draw()DT method with false as its + first parameter. This will redraw the table keeping the current paging (without the false parameter the paging would be reset to the first page).

+ +

If you are looking for a more complete row selection option TableTools for DataTables provides a complete + API for selecting rows and acting upon those selected rows.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + $('#example tbody').on( 'click', 'tr', function () { + if ( $(this).hasClass('selected') ) { + $(this).removeClass('selected'); + } + else { + table.$('tr.selected').removeClass('selected'); + $(this).addClass('selected'); + } + } ); + + $('#button').click( function () { + table.row('.selected').remove().draw( false ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/show_hide.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/show_hide.html new file mode 100644 index 0000000..3283d52 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/show_hide.html @@ -0,0 +1,771 @@ + + + + + + + + DataTables example - Show / hide columns dynamically + + + + + + + + + + + + +
+
+

DataTables example Show / hide columns dynamically

+ +
+

This example shows how you can make use of the column().visible()DT API method to dynamically show and hide columns in a table. Also included here is scrolling, + just to show it enabled with this API method, although that is not required for the API function to work.

+ +

In addition to this, groups of columns can be shown and hidden at the same time using the columns()DT method to select multiple columns and then using the columns().visible()DT method to set + their state.

+ +

If you are looking for a more complete column visibility interaction controls ColVis for DataTables provides a + complete interface for allowing the user to show and hide columns in the table.

+
+ +
+ Toggle column: Name - Position - Office - Age - Start date - Salary +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var table = $('#example').DataTable( { + "scrollY": "200px", + "paging": false + } ); + + $('a.toggle-vis').on( 'click', function (e) { + e.preventDefault(); + + // Get the column API object + var column = table.column( $(this).attr('data-column') ); + + // Toggle the visibility + column.visible( ! column.visible() ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/tabs_and_scrolling.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/tabs_and_scrolling.html new file mode 100644 index 0000000..845e3bd --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/api/tabs_and_scrolling.html @@ -0,0 +1,766 @@ + + + + + + + + DataTables example - Scrolling and jQuery UI tabs + + + + + + + + + + + + + + +
+
+

DataTables example Scrolling and jQuery UI tabs

+ +
+

This example shows how DataTables with scrolling can be used together with jQuery UI tabs (or indeed any other method whereby the table is in a hidden, + display:none, element when it is initialised). The reason this requires special consideration, is that when the DataTable is initialised in a hidden + element the browser doesn't have any measurements with which to give the DataTable, and this will result in the misalignment of columns when scrolling is + enabled.

+ +

This misalignment can be corrected by the columns.adjust()DT method when the table is made visible (i.e. it has dimensions).

+ +

This example shows how the jQuery UI show event can be used to trigger this method call. The visible tables on the page are selected using the + static dt-api-static tables() method and passing the result to columns.adjust()DT.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $("#tabs").tabs( { + "activate": function(event, ui) { + $( $.fn.dataTable.tables( true ) ).DataTable().columns.adjust(); + } + } ); + + $('table.display').dataTable( { + "scrollY": "200px", + "scrollCollapse": true, + "paging": false, + "jQueryUI": true + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/alt_pagination.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/alt_pagination.html new file mode 100644 index 0000000..9dd8c1a --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/alt_pagination.html @@ -0,0 +1,753 @@ + + + + + + + + DataTables example - Alternative pagination + + + + + + + + + + + + +
+
+

DataTables example Alternative pagination

+ +
+

The default page control presented by DataTables (forward and backward buttons with up to 7 page numbers in-between) is fine for most situations, but there are + cases where you may wish to customise the options presented to the end user. This is done through DataTables' extensible pagination mechanism, the pagingTypeDT option.

+ +

There are four built-in options for which pagination controls DataTables should show:

+ +
    +
  • simple - 'Previous' and 'Next' buttons only
    • +
  • simple_numbers - 'Previous' and 'Next' buttons, plus page numbers
    • +
  • full - 'First', 'Previous', 'Next' and 'Last' buttons
    • +
  • full_numbers - 'First', 'Previous', 'Next' and 'Last' buttons, plus page numbers
    • +
+ +

The language strings of 'First', 'Previous' etc can be optionally through the internationalisation options of DataTables; language.paginate.firstDT, language.paginate.previousDT etc.

+ +

Additional options for the buttons that are shown can be added through the use of pagination type plug-ins. Furthermore, how the buttons are actually shown can + be altered through the use of plug-in pagination renderers.

+ +

The example below shows the full_numbers type of pagination.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "pagingType": "full_numbers" + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/comma-decimal.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/comma-decimal.html new file mode 100644 index 0000000..ef0e0e6 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/comma-decimal.html @@ -0,0 +1,751 @@ + + + + + + + + DataTables example - Language - Comma decimal place + + + + + + + + + + + + +
+
+

DataTables example Language - Comma decimal place

+ +
+

A dot (.) is used to mark the decimal place in Javascript, however, many parts of the world use + a comma (,) and other characters such as the Unicode decimal separator (⎖) or a dash (-) are often used to show + the decimal place in a displayed number.

+ +

When reading such numbers, Javascript won't automatically recognise them as numbers, however, DataTables' type detection and sorting methods can be instructed + through the language.decimalDT option which character is used as the decimal place in your numbers. This will be + used to correctly adjust DataTables' type detection and sorting algorithms to sort numbers in your table.

+ +

Any character can be passed in using the language.decimalDT option, although the decimal place character used in a single table must be + consistent (i.e. numbers with a dot decimal place and comma decimal place cannot both appear in the same table). Different tables on the same page can use + different decimal characters if required.

+ +

The example below shows a comma being used as the decimal place in the currency numbers shown in the final column.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320.800,00
Garrett WintersAccountantTokyo632011/07/25$170.750,00
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86.000,00
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433.060,00
Airi SatouAccountantTokyo332008/11/28$162.700,00
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372.000,00
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137.500,00
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327.900,00
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205.500,00
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103.600,00
Jena GainesOffice ManagerLondon302008/12/19$90.560,00
Quinn FlynnSupport LeadEdinburgh222013/03/03$342.000,00
Charde MarshallRegional DirectorSan Francisco362008/10/16$470.600,00
Haley KennedySenior Marketing DesignerLondon432012/12/18$313.500,00
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385.750,00
Michael SilvaMarketing DesignerLondon662012/11/27$198.500,00
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725.000,00
Gloria LittleSystems AdministratorNew York592009/04/10$237.500,00
Bradley GreerSoftware EngineerLondon412012/10/13$132.000,00
Dai RiosPersonnel LeadEdinburgh352012/09/26$217.500,00
Jenette CaldwellDevelopment LeadNew York302011/09/03$345.000,00
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675.000,00
Caesar VancePre-Sales SupportNew York212011/12/12$106.450,00
Doris WilderSales AssistantSidney232010/09/20$85.600,00
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1.200.000,00
Gavin JoyceDeveloperEdinburgh422010/12/22$92.575,00
Jennifer ChangRegional DirectorSingapore282010/11/14$357.650,00
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206.850,00
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850.000,00
Shou ItouRegional MarketingTokyo202011/08/14$163.000,00
Michelle HouseIntegration SpecialistSidney372011/06/02$95.400,00
Suki BurksDeveloperLondon532009/10/22$114.500,00
Prescott BartlettTechnical AuthorLondon272011/05/07$145.000,00
Gavin CortezTeam LeaderSan Francisco222008/10/26$235.500,00
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324.050,00
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85.675,00
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164.500,00
Hope FuentesSecretarySan Francisco412010/02/12$109.850,00
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452.500,00
Timothy MooneyOffice ManagerLondon372008/12/11$136.200,00
Jackson BradshawDirectorNew York652008/09/26$645.750,00
Olivia LiangSupport EngineerSingapore642011/02/03$234.500,00
Bruno NashSoftware EngineerLondon382011/05/03$163.500,00
Sakura YamamotoSupport EngineerTokyo372009/08/19$139.575,00
Thor WaltonDeveloperNew York612013/08/11$98.540,00
Finn CamachoSupport EngineerSan Francisco472009/07/07$87.500,00
Serge BaldwinData CoordinatorSingapore642012/04/09$138.575,00
Zenaida FrankSoftware EngineerNew York632010/01/04$125.250,00
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115.000,00
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75.650,00
Cara StevensSales AssistantNew York462011/12/06$145.600,00
Hermione ButlerRegional DirectorLondon472011/03/21$356.250,00
Lael GreerSystems AdministratorLondon212009/02/27$103.500,00
Jonas AlexanderDeveloperSan Francisco302010/07/14$86.500,00
Shad DeckerRegional DirectorEdinburgh512008/11/13$183.000,00
Michael BruceJavascript DeveloperSingapore292011/06/27$183.000,00
Donna SniderCustomer SupportNew York272011/01/25$112.000,00
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "language": { + "decimal": ",", + "thousands": "." + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/complex_header.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/complex_header.html new file mode 100644 index 0000000..978a2f2 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/complex_header.html @@ -0,0 +1,738 @@ + + + + + + + + DataTables example - Complex headers (rowspan and colspan) + + + + + + + + + + + + +
+
+

DataTables example Complex headers (rowspan and colspan)

+ +
+

When using tables to display data, you will often wish to display column information in groups. DataTables fully supports colspan and + rowspan in the table's header, assigning the required order listeners to the TH element suitable for that column.

+ +

Each column must have one TH cell which is unique to it for the listeners to be added. By default DataTables will use the bottom unique cell for the column to + attach the order listener, if more than one cell for a column if found. The orderCellsTopDT option can be used to tell DataTables to use the top cell if you prefer.

+ +

The example shown below has two sets of grouped information, grouped by colspan in the header.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameHR InformationContact
PositionSalaryOfficeExtn.E-mail
NamePositionSalaryOfficeExtn.E-mail
Tiger NixonSystem Architect$320,800Edinburgh5421t.nixon@datatables.net
Garrett WintersAccountant$170,750Tokyo8422g.winters@datatables.net
Ashton CoxJunior Technical Author$86,000San Francisco1562a.cox@datatables.net
Cedric KellySenior Javascript Developer$433,060Edinburgh6224c.kelly@datatables.net
Airi SatouAccountant$162,700Tokyo5407a.satou@datatables.net
Brielle WilliamsonIntegration Specialist$372,000New York4804b.williamson@datatables.net
Herrod ChandlerSales Assistant$137,500San Francisco9608h.chandler@datatables.net
Rhona DavidsonIntegration Specialist$327,900Tokyo6200r.davidson@datatables.net
Colleen HurstJavascript Developer$205,500San Francisco2360c.hurst@datatables.net
Sonya FrostSoftware Engineer$103,600Edinburgh1667s.frost@datatables.net
Jena GainesOffice Manager$90,560London3814j.gaines@datatables.net
Quinn FlynnSupport Lead$342,000Edinburgh9497q.flynn@datatables.net
Charde MarshallRegional Director$470,600San Francisco6741c.marshall@datatables.net
Haley KennedySenior Marketing Designer$313,500London3597h.kennedy@datatables.net
Tatyana FitzpatrickRegional Director$385,750London1965t.fitzpatrick@datatables.net
Michael SilvaMarketing Designer$198,500London1581m.silva@datatables.net
Paul ByrdChief Financial Officer (CFO)$725,000New York3059p.byrd@datatables.net
Gloria LittleSystems Administrator$237,500New York1721g.little@datatables.net
Bradley GreerSoftware Engineer$132,000London2558b.greer@datatables.net
Dai RiosPersonnel Lead$217,500Edinburgh2290d.rios@datatables.net
Jenette CaldwellDevelopment Lead$345,000New York1937j.caldwell@datatables.net
Yuri BerryChief Marketing Officer (CMO)$675,000New York6154y.berry@datatables.net
Caesar VancePre-Sales Support$106,450New York8330c.vance@datatables.net
Doris WilderSales Assistant$85,600Sidney3023d.wilder@datatables.net
Angelica RamosChief Executive Officer (CEO)$1,200,000London5797a.ramos@datatables.net
Gavin JoyceDeveloper$92,575Edinburgh8822g.joyce@datatables.net
Jennifer ChangRegional Director$357,650Singapore9239j.chang@datatables.net
Brenden WagnerSoftware Engineer$206,850San Francisco1314b.wagner@datatables.net
Fiona GreenChief Operating Officer (COO)$850,000San Francisco2947f.green@datatables.net
Shou ItouRegional Marketing$163,000Tokyo8899s.itou@datatables.net
Michelle HouseIntegration Specialist$95,400Sidney2769m.house@datatables.net
Suki BurksDeveloper$114,500London6832s.burks@datatables.net
Prescott BartlettTechnical Author$145,000London3606p.bartlett@datatables.net
Gavin CortezTeam Leader$235,500San Francisco2860g.cortez@datatables.net
Martena MccrayPost-Sales support$324,050Edinburgh8240m.mccray@datatables.net
Unity ButlerMarketing Designer$85,675San Francisco5384u.butler@datatables.net
Howard HatfieldOffice Manager$164,500San Francisco7031h.hatfield@datatables.net
Hope FuentesSecretary$109,850San Francisco6318h.fuentes@datatables.net
Vivian HarrellFinancial Controller$452,500San Francisco9422v.harrell@datatables.net
Timothy MooneyOffice Manager$136,200London7580t.mooney@datatables.net
Jackson BradshawDirector$645,750New York1042j.bradshaw@datatables.net
Olivia LiangSupport Engineer$234,500Singapore2120o.liang@datatables.net
Bruno NashSoftware Engineer$163,500London6222b.nash@datatables.net
Sakura YamamotoSupport Engineer$139,575Tokyo9383s.yamamoto@datatables.net
Thor WaltonDeveloper$98,540New York8327t.walton@datatables.net
Finn CamachoSupport Engineer$87,500San Francisco2927f.camacho@datatables.net
Serge BaldwinData Coordinator$138,575Singapore8352s.baldwin@datatables.net
Zenaida FrankSoftware Engineer$125,250New York7439z.frank@datatables.net
Zorita SerranoSoftware Engineer$115,000San Francisco4389z.serrano@datatables.net
Jennifer AcostaJunior Javascript Developer$75,650Edinburgh3431j.acosta@datatables.net
Cara StevensSales Assistant$145,600New York3990c.stevens@datatables.net
Hermione ButlerRegional Director$356,250London1016h.butler@datatables.net
Lael GreerSystems Administrator$103,500London6733l.greer@datatables.net
Jonas AlexanderDeveloper$86,500San Francisco8196j.alexander@datatables.net
Shad DeckerRegional Director$183,000Edinburgh6373s.decker@datatables.net
Michael BruceJavascript Developer$183,000Singapore5384m.bruce@datatables.net
Donna SniderCustomer Support$112,000New York4226d.snider@datatables.net
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/dom.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/dom.html new file mode 100644 index 0000000..c9ddce1 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/dom.html @@ -0,0 +1,801 @@ + + + + + + + + DataTables example - DOM positioning + + + + + + + + + + + + +
+
+

DataTables example DOM positioning

+ +
+

When customising DataTables for your own usage, you might find that the default position of the feature elements (filter input etc) is not quite to your liking. + To address this issue DataTables takes inspiration from the CSS 3 Advanced Layout Module and provides the domDT initialisation parameter which + can be set to indicate where you which particular features to appear in the DOM. You can also specify div wrapping containers (with an id and / or + class) to provide complete layout flexibility.

+ +

Each HTML control element presented by DataTables is denoted by a single character in the domDT option. For example the l option is used for the Length changing + input option.

+ +

The built-in options available are:

+ +
    +
  • l - Length changing
    • +
  • f - Filtering input
    • +
  • t - The Table!
    • +
  • i - Information
    • +
  • p - Pagination
    • +
  • r - pRocessing
    • +
  • < and > - div elements
    • +
  • <"#id" and > - div with an id
    • +
  • <"class" and > - div with a class
    • +
  • <"#id.class" and > - div with an id and class
    • +
+ +

Example 1:

+ 
+<"wrapper"flipt>
+
+
+ +

This results in the following DOM structure:

+ 
+<div class="wrapper">
+	{ filter }
+	{ length }
+	{ info }
+	{ paging }
+	{ table }
+</div>
+
+
+ +

Example 2:

+ 
+<lf<t>ip>
+
+
+ +

This results in the following DOM structure:

+ 
+<div>
+	{ length }
+	{ filter }
+	<div>
+		{ table }
+	</div>
+	{ info }
+	{ paging }
+</div>
+
+
+ +

All options (with the exception of the t (table) option can be specified multiple times, for if you want to show the same control multiple times + (pagination at the top and bottom of the table for example).

+ +

Furthermore, note that additional domDT options can be added to DataTables through the use of plug-ins.

+ +

In the example below, the table information is moved to the top of the table, and all the interaction elements to the bottom, each wrapper in a container + div.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "dom": '<"top"i>rt<"bottom"flp><"clear">' + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/filter_only.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/filter_only.html new file mode 100644 index 0000000..0da5322 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/filter_only.html @@ -0,0 +1,736 @@ + + + + + + + + DataTables example - Feature enable / disable + + + + + + + + + + + + +
+
+

DataTables example Feature enable / disable

+ +
+

Disabling features that you don't wish to use for a particular table is easily done by setting a variable in the initialisation object. In the following example + only the filter feature is left enabled (which is enabled by default).

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "paging": false, + "ordering": false, + "info": false + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/flexible_width.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/flexible_width.html new file mode 100644 index 0000000..22a3da7 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/flexible_width.html @@ -0,0 +1,738 @@ + + + + + + + + DataTables example - Flexible table width + + + + + + + + + + + + +
+
+

DataTables example Flexible table width

+ +
+

Often you may want to have your table resize dynamically with the page. Typically this is done by assigning width:100% in your CSS, but this + presents a problem for Javascript since it can be very hard to get that relative size rather than the absolute pixels. As such, if you apply the width + attribute to the HTML table tag, it will be used as the width for the table (overruling any CSS styles).

+ +

This example shows a table with width="100%" and the container is also flexible width, so as the window is resized, the table will also resize + dynamically.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

div.container { + width: 80%; + } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/hidden_columns.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/hidden_columns.html new file mode 100644 index 0000000..b08128c --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/hidden_columns.html @@ -0,0 +1,762 @@ + + + + + + + + DataTables example - Hidden columns + + + + + + + + + + + + +
+
+

DataTables example Hidden columns

+ +
+

There are times when you might find it useful to display only a sub-set of the information that was available in the original table. For example you might want + to reduce the amount of data shown on screen to make it clearer for the user. This is done through the columns.visibleDT column + option.

+ +

The column that is hidden is still part of the table and can be made visible through the api column().visible() API method at a future time if you + wish to have columns which can be shown and hidden.

+ +

Furthermore, as the hidden data is still part of the table, it can still, optionally, be filtered upon allowing the user access to that data (for example 'tag' + information for a row entry might used).

+ +

In the table below both the office and age version columns have been hidden, the former is not searchable, the latter is.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "columnDefs": [ + { + "targets": [ 2 ], + "visible": false, + "searchable": false + }, + { + "targets": [ 3 ], + "visible": false + } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/index.html new file mode 100644 index 0000000..ec42540 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/index.html @@ -0,0 +1,70 @@ + + + + + + + + + + + + + DataTables examples - Basic initialisation + + + +
+
+

DataTables example Basic initialisation

+ +
+

DataTables is very simple to use as a jQuery plug-in with a huge range of customisable option. The examples in this section demonstrate basic initialisation of + DataTables and how it can be easily customised by passing an object with the options you want.

+
+
+
+ +
+
+
+ +
+
+
+

Basic initialisation

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/language.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/language.html new file mode 100644 index 0000000..fa1ddb8 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/language.html @@ -0,0 +1,746 @@ + + + + + + + + DataTables example - Language options + + + + + + + + + + + + +
+
+

DataTables example Language options

+ +
+

Changing the language information displayed by DataTables is as simple as passing in a languageDT object to the DataTable constructor.

+ +

The example above shows a different set of English string being used, rather than the defaults.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "language": { + "lengthMenu": "Display _MENU_ records per page", + "zeroRecords": "Nothing found - sorry", + "info": "Showing page _PAGE_ of _PAGES_", + "infoEmpty": "No records available", + "infoFiltered": "(filtered from _MAX_ total records)" + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/multi_col_sort.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/multi_col_sort.html new file mode 100644 index 0000000..11f6b93 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/multi_col_sort.html @@ -0,0 +1,699 @@ + + + + + + + + DataTables example - Multi-column ordering + + + + + + + + + + + + +
+
+

DataTables example Multi-column ordering

+ +
+

DataTables allows ordering by multiple columns at the same time, which can be activated in a number of different ways:

+ +
    +
  • User shift click on a column (added the clicked column as a secondary, tertiary etc ordering column).
    • +
  • On a per-column basis (i.e. order by a specific column and then a secondary column if the data in the first column is identical), through the columns.orderDataDT + option.
    • +
  • Using the columns.orderDataDT option to specify a multiple column order by default (for example [ + [0,'asc'], [1,'asc'] ]).
    • +
  • Through the order()DT API + method.
    • +
+ +

Note that, the ability for the user to shift click to order multiple columns can be disabled through the orderMultiDT option.

+ +

The example below shows the first column having a secondary order applied to the second column in the table, vice-versa for the second column being tied + directly to the first and the salary column to the first name column.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeSalary
TigerNixonSystem ArchitectEdinburgh$320,800
GarrettWintersAccountantTokyo$170,750
AshtonCoxJunior Technical AuthorSan Francisco$86,000
CedricKellySenior Javascript DeveloperEdinburgh$433,060
AiriSatouAccountantTokyo$162,700
BrielleWilliamsonIntegration SpecialistNew York$372,000
HerrodChandlerSales AssistantSan Francisco$137,500
RhonaDavidsonIntegration SpecialistTokyo$327,900
ColleenHurstJavascript DeveloperSan Francisco$205,500
SonyaFrostSoftware EngineerEdinburgh$103,600
JenaGainesOffice ManagerLondon$90,560
QuinnFlynnSupport LeadEdinburgh$342,000
ChardeMarshallRegional DirectorSan Francisco$470,600
HaleyKennedySenior Marketing DesignerLondon$313,500
TatyanaFitzpatrickRegional DirectorLondon$385,750
MichaelSilvaMarketing DesignerLondon$198,500
PaulByrdChief Financial Officer (CFO)New York$725,000
GloriaLittleSystems AdministratorNew York$237,500
BradleyGreerSoftware EngineerLondon$132,000
DaiRiosPersonnel LeadEdinburgh$217,500
JenetteCaldwellDevelopment LeadNew York$345,000
YuriBerryChief Marketing Officer (CMO)New York$675,000
CaesarVancePre-Sales SupportNew York$106,450
DorisWilderSales AssistantSidney$85,600
AngelicaRamosChief Executive Officer (CEO)London$1,200,000
GavinJoyceDeveloperEdinburgh$92,575
JenniferChangRegional DirectorSingapore$357,650
BrendenWagnerSoftware EngineerSan Francisco$206,850
FionaGreenChief Operating Officer (COO)San Francisco$850,000
ShouItouRegional MarketingTokyo$163,000
MichelleHouseIntegration SpecialistSidney$95,400
SukiBurksDeveloperLondon$114,500
PrescottBartlettTechnical AuthorLondon$145,000
GavinCortezTeam LeaderSan Francisco$235,500
MartenaMccrayPost-Sales supportEdinburgh$324,050
UnityButlerMarketing DesignerSan Francisco$85,675
HowardHatfieldOffice ManagerSan Francisco$164,500
HopeFuentesSecretarySan Francisco$109,850
VivianHarrellFinancial ControllerSan Francisco$452,500
TimothyMooneyOffice ManagerLondon$136,200
JacksonBradshawDirectorNew York$645,750
OliviaLiangSupport EngineerSingapore$234,500
BrunoNashSoftware EngineerLondon$163,500
SakuraYamamotoSupport EngineerTokyo$139,575
ThorWaltonDeveloperNew York$98,540
FinnCamachoSupport EngineerSan Francisco$87,500
SergeBaldwinData CoordinatorSingapore$138,575
ZenaidaFrankSoftware EngineerNew York$125,250
ZoritaSerranoSoftware EngineerSan Francisco$115,000
JenniferAcostaJunior Javascript DeveloperEdinburgh$75,650
CaraStevensSales AssistantNew York$145,600
HermioneButlerRegional DirectorLondon$356,250
LaelGreerSystems AdministratorLondon$103,500
JonasAlexanderDeveloperSan Francisco$86,500
ShadDeckerRegional DirectorEdinburgh$183,000
MichaelBruceJavascript DeveloperSingapore$183,000
DonnaSniderCustomer SupportNew York$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + columnDefs: [ { + targets: [ 0 ], + orderData: [ 0, 1 ] + }, { + targets: [ 1 ], + orderData: [ 1, 0 ] + }, { + targets: [ 4 ], + orderData: [ 4, 0 ] + } ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/multiple_tables.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/multiple_tables.html new file mode 100644 index 0000000..d10ea09 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/multiple_tables.html @@ -0,0 +1,455 @@ + + + + + + + + DataTables example - Multiple tables + + + + + + + + + + + + +
+
+

DataTables example Multiple tables

+ +
+

Often you might wish to initialise multiple tables with a single statement. This is trivially done by using a jQuery selector which will pick up multiple + tables.

+ +

The tables are independent for user control (i.e. user controlled paging on one table does not effect the others), but they do share the initialisation + parameters given (for example if you specific the Spanish language file, all tables will be shown in Spanish). Additionally, the API can be used to manipulate both + together, or independently.

+ +

The example below shows two tables initialised with a single line of code, through the use of the table.display selector (i.e. select all elements + which have the class of table.display (which is suitable in this example, you might wish to use a different selector).

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeSalary
NamePositionOfficeAgeSalary
Tiger NixonSystem ArchitectEdinburgh61$320,800
Cedric KellySenior Javascript DeveloperEdinburgh22$433,060
Sonya FrostSoftware EngineerEdinburgh23$103,600
Quinn FlynnSupport LeadEdinburgh22$342,000
Dai RiosPersonnel LeadEdinburgh35$217,500
Gavin JoyceDeveloperEdinburgh42$92,575
Martena MccrayPost-Sales supportEdinburgh46$324,050
Jennifer AcostaJunior Javascript DeveloperEdinburgh43$75,650
Shad DeckerRegional DirectorEdinburgh51$183,000
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeSalary
NamePositionOfficeAgeSalary
Jena GainesOffice ManagerLondon30$90,560
Haley KennedySenior Marketing DesignerLondon43$313,500
Tatyana FitzpatrickRegional DirectorLondon19$385,750
Michael SilvaMarketing DesignerLondon66$198,500
Bradley GreerSoftware EngineerLondon41$132,000
Angelica RamosChief Executive Officer (CEO)London47$1,200,000
Suki BurksDeveloperLondon53$114,500
Prescott BartlettTechnical AuthorLondon27$145,000
Timothy MooneyOffice ManagerLondon37$136,200
Bruno NashSoftware EngineerLondon38$163,500
Hermione ButlerRegional DirectorLondon47$356,250
Lael GreerSystems AdministratorLondon21$103,500
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('table.display').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

div.dataTables_wrapper { + margin-bottom: 3em; + } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_x.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_x.html new file mode 100644 index 0000000..868c3e0 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_x.html @@ -0,0 +1,910 @@ + + + + + + + + DataTables example - Scroll - horizontal + + + + + + + + + + + + +
+
+

DataTables example Scroll - horizontal

+ +
+

DataTables has the ability to show tables with horizontal scrolling, which is very useful for when you have a wide table, but want to constrain it to a limited + horizontal display area. To enable x-scrolling simply set the scrollXDT parameter to be whatever you want the container wrapper's width to be (this should be 100% in + almost all cases with the width being constrained by the container element).

+ +

The example below shows a table too wide for the containing element with x-scrolling enabled. The CSS option of th, td { white-space: nowrap; } is + also set to have the text content of each row on a single line (otherwise the browser will line break the text to have it fit into the available area).

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeAgeStart dateSalaryExtn.E-mail
TigerNixonSystem ArchitectEdinburgh612011/04/25$320,8005421t.nixon@datatables.net
GarrettWintersAccountantTokyo632011/07/25$170,7508422g.winters@datatables.net
AshtonCoxJunior Technical AuthorSan Francisco662009/01/12$86,0001562a.cox@datatables.net
CedricKellySenior Javascript DeveloperEdinburgh222012/03/29$433,0606224c.kelly@datatables.net
AiriSatouAccountantTokyo332008/11/28$162,7005407a.satou@datatables.net
BrielleWilliamsonIntegration SpecialistNew York612012/12/02$372,0004804b.williamson@datatables.net
HerrodChandlerSales AssistantSan Francisco592012/08/06$137,5009608h.chandler@datatables.net
RhonaDavidsonIntegration SpecialistTokyo552010/10/14$327,9006200r.davidson@datatables.net
ColleenHurstJavascript DeveloperSan Francisco392009/09/15$205,5002360c.hurst@datatables.net
SonyaFrostSoftware EngineerEdinburgh232008/12/13$103,6001667s.frost@datatables.net
JenaGainesOffice ManagerLondon302008/12/19$90,5603814j.gaines@datatables.net
QuinnFlynnSupport LeadEdinburgh222013/03/03$342,0009497q.flynn@datatables.net
ChardeMarshallRegional DirectorSan Francisco362008/10/16$470,6006741c.marshall@datatables.net
HaleyKennedySenior Marketing DesignerLondon432012/12/18$313,5003597h.kennedy@datatables.net
TatyanaFitzpatrickRegional DirectorLondon192010/03/17$385,7501965t.fitzpatrick@datatables.net
MichaelSilvaMarketing DesignerLondon662012/11/27$198,5001581m.silva@datatables.net
PaulByrdChief Financial Officer (CFO)New York642010/06/09$725,0003059p.byrd@datatables.net
GloriaLittleSystems AdministratorNew York592009/04/10$237,5001721g.little@datatables.net
BradleyGreerSoftware EngineerLondon412012/10/13$132,0002558b.greer@datatables.net
DaiRiosPersonnel LeadEdinburgh352012/09/26$217,5002290d.rios@datatables.net
JenetteCaldwellDevelopment LeadNew York302011/09/03$345,0001937j.caldwell@datatables.net
YuriBerryChief Marketing Officer (CMO)New York402009/06/25$675,0006154y.berry@datatables.net
CaesarVancePre-Sales SupportNew York212011/12/12$106,4508330c.vance@datatables.net
DorisWilderSales AssistantSidney232010/09/20$85,6003023d.wilder@datatables.net
AngelicaRamosChief Executive Officer (CEO)London472009/10/09$1,200,0005797a.ramos@datatables.net
GavinJoyceDeveloperEdinburgh422010/12/22$92,5758822g.joyce@datatables.net
JenniferChangRegional DirectorSingapore282010/11/14$357,6509239j.chang@datatables.net
BrendenWagnerSoftware EngineerSan Francisco282011/06/07$206,8501314b.wagner@datatables.net
FionaGreenChief Operating Officer (COO)San Francisco482010/03/11$850,0002947f.green@datatables.net
ShouItouRegional MarketingTokyo202011/08/14$163,0008899s.itou@datatables.net
MichelleHouseIntegration SpecialistSidney372011/06/02$95,4002769m.house@datatables.net
SukiBurksDeveloperLondon532009/10/22$114,5006832s.burks@datatables.net
PrescottBartlettTechnical AuthorLondon272011/05/07$145,0003606p.bartlett@datatables.net
GavinCortezTeam LeaderSan Francisco222008/10/26$235,5002860g.cortez@datatables.net
MartenaMccrayPost-Sales supportEdinburgh462011/03/09$324,0508240m.mccray@datatables.net
UnityButlerMarketing DesignerSan Francisco472009/12/09$85,6755384u.butler@datatables.net
HowardHatfieldOffice ManagerSan Francisco512008/12/16$164,5007031h.hatfield@datatables.net
HopeFuentesSecretarySan Francisco412010/02/12$109,8506318h.fuentes@datatables.net
VivianHarrellFinancial ControllerSan Francisco622009/02/14$452,5009422v.harrell@datatables.net
TimothyMooneyOffice ManagerLondon372008/12/11$136,2007580t.mooney@datatables.net
JacksonBradshawDirectorNew York652008/09/26$645,7501042j.bradshaw@datatables.net
OliviaLiangSupport EngineerSingapore642011/02/03$234,5002120o.liang@datatables.net
BrunoNashSoftware EngineerLondon382011/05/03$163,5006222b.nash@datatables.net
SakuraYamamotoSupport EngineerTokyo372009/08/19$139,5759383s.yamamoto@datatables.net
ThorWaltonDeveloperNew York612013/08/11$98,5408327t.walton@datatables.net
FinnCamachoSupport EngineerSan Francisco472009/07/07$87,5002927f.camacho@datatables.net
SergeBaldwinData CoordinatorSingapore642012/04/09$138,5758352s.baldwin@datatables.net
ZenaidaFrankSoftware EngineerNew York632010/01/04$125,2507439z.frank@datatables.net
ZoritaSerranoSoftware EngineerSan Francisco562012/06/01$115,0004389z.serrano@datatables.net
JenniferAcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,6503431j.acosta@datatables.net
CaraStevensSales AssistantNew York462011/12/06$145,6003990c.stevens@datatables.net
HermioneButlerRegional DirectorLondon472011/03/21$356,2501016h.butler@datatables.net
LaelGreerSystems AdministratorLondon212009/02/27$103,5006733l.greer@datatables.net
JonasAlexanderDeveloperSan Francisco302010/07/14$86,5008196j.alexander@datatables.net
ShadDeckerRegional DirectorEdinburgh512008/11/13$183,0006373s.decker@datatables.net
MichaelBruceJavascript DeveloperSingapore292011/06/27$183,0005384m.bruce@datatables.net
DonnaSniderCustomer SupportNew York272011/01/25$112,0004226d.snider@datatables.net
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "scrollX": true + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

th, td { white-space: nowrap; } + div.dataTables_wrapper { + width: 800px; + margin: 0 auto; + } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_xy.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_xy.html new file mode 100644 index 0000000..ddc52b2 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_xy.html @@ -0,0 +1,907 @@ + + + + + + + + DataTables example - Scroll - horizontal and vertical + + + + + + + + + + + + +
+
+

DataTables example Scroll - horizontal and vertical

+ +
+

In this example you can see DataTables doing both horizontal and vertical scrolling at the same time. Note also that pagination is enabled in this example, and + the scrolling accounts for this.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeAgeStart dateSalaryExtn.E-mail
TigerNixonSystem ArchitectEdinburgh612011/04/25$320,8005421t.nixon@datatables.net
GarrettWintersAccountantTokyo632011/07/25$170,7508422g.winters@datatables.net
AshtonCoxJunior Technical AuthorSan Francisco662009/01/12$86,0001562a.cox@datatables.net
CedricKellySenior Javascript DeveloperEdinburgh222012/03/29$433,0606224c.kelly@datatables.net
AiriSatouAccountantTokyo332008/11/28$162,7005407a.satou@datatables.net
BrielleWilliamsonIntegration SpecialistNew York612012/12/02$372,0004804b.williamson@datatables.net
HerrodChandlerSales AssistantSan Francisco592012/08/06$137,5009608h.chandler@datatables.net
RhonaDavidsonIntegration SpecialistTokyo552010/10/14$327,9006200r.davidson@datatables.net
ColleenHurstJavascript DeveloperSan Francisco392009/09/15$205,5002360c.hurst@datatables.net
SonyaFrostSoftware EngineerEdinburgh232008/12/13$103,6001667s.frost@datatables.net
JenaGainesOffice ManagerLondon302008/12/19$90,5603814j.gaines@datatables.net
QuinnFlynnSupport LeadEdinburgh222013/03/03$342,0009497q.flynn@datatables.net
ChardeMarshallRegional DirectorSan Francisco362008/10/16$470,6006741c.marshall@datatables.net
HaleyKennedySenior Marketing DesignerLondon432012/12/18$313,5003597h.kennedy@datatables.net
TatyanaFitzpatrickRegional DirectorLondon192010/03/17$385,7501965t.fitzpatrick@datatables.net
MichaelSilvaMarketing DesignerLondon662012/11/27$198,5001581m.silva@datatables.net
PaulByrdChief Financial Officer (CFO)New York642010/06/09$725,0003059p.byrd@datatables.net
GloriaLittleSystems AdministratorNew York592009/04/10$237,5001721g.little@datatables.net
BradleyGreerSoftware EngineerLondon412012/10/13$132,0002558b.greer@datatables.net
DaiRiosPersonnel LeadEdinburgh352012/09/26$217,5002290d.rios@datatables.net
JenetteCaldwellDevelopment LeadNew York302011/09/03$345,0001937j.caldwell@datatables.net
YuriBerryChief Marketing Officer (CMO)New York402009/06/25$675,0006154y.berry@datatables.net
CaesarVancePre-Sales SupportNew York212011/12/12$106,4508330c.vance@datatables.net
DorisWilderSales AssistantSidney232010/09/20$85,6003023d.wilder@datatables.net
AngelicaRamosChief Executive Officer (CEO)London472009/10/09$1,200,0005797a.ramos@datatables.net
GavinJoyceDeveloperEdinburgh422010/12/22$92,5758822g.joyce@datatables.net
JenniferChangRegional DirectorSingapore282010/11/14$357,6509239j.chang@datatables.net
BrendenWagnerSoftware EngineerSan Francisco282011/06/07$206,8501314b.wagner@datatables.net
FionaGreenChief Operating Officer (COO)San Francisco482010/03/11$850,0002947f.green@datatables.net
ShouItouRegional MarketingTokyo202011/08/14$163,0008899s.itou@datatables.net
MichelleHouseIntegration SpecialistSidney372011/06/02$95,4002769m.house@datatables.net
SukiBurksDeveloperLondon532009/10/22$114,5006832s.burks@datatables.net
PrescottBartlettTechnical AuthorLondon272011/05/07$145,0003606p.bartlett@datatables.net
GavinCortezTeam LeaderSan Francisco222008/10/26$235,5002860g.cortez@datatables.net
MartenaMccrayPost-Sales supportEdinburgh462011/03/09$324,0508240m.mccray@datatables.net
UnityButlerMarketing DesignerSan Francisco472009/12/09$85,6755384u.butler@datatables.net
HowardHatfieldOffice ManagerSan Francisco512008/12/16$164,5007031h.hatfield@datatables.net
HopeFuentesSecretarySan Francisco412010/02/12$109,8506318h.fuentes@datatables.net
VivianHarrellFinancial ControllerSan Francisco622009/02/14$452,5009422v.harrell@datatables.net
TimothyMooneyOffice ManagerLondon372008/12/11$136,2007580t.mooney@datatables.net
JacksonBradshawDirectorNew York652008/09/26$645,7501042j.bradshaw@datatables.net
OliviaLiangSupport EngineerSingapore642011/02/03$234,5002120o.liang@datatables.net
BrunoNashSoftware EngineerLondon382011/05/03$163,5006222b.nash@datatables.net
SakuraYamamotoSupport EngineerTokyo372009/08/19$139,5759383s.yamamoto@datatables.net
ThorWaltonDeveloperNew York612013/08/11$98,5408327t.walton@datatables.net
FinnCamachoSupport EngineerSan Francisco472009/07/07$87,5002927f.camacho@datatables.net
SergeBaldwinData CoordinatorSingapore642012/04/09$138,5758352s.baldwin@datatables.net
ZenaidaFrankSoftware EngineerNew York632010/01/04$125,2507439z.frank@datatables.net
ZoritaSerranoSoftware EngineerSan Francisco562012/06/01$115,0004389z.serrano@datatables.net
JenniferAcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,6503431j.acosta@datatables.net
CaraStevensSales AssistantNew York462011/12/06$145,6003990c.stevens@datatables.net
HermioneButlerRegional DirectorLondon472011/03/21$356,2501016h.butler@datatables.net
LaelGreerSystems AdministratorLondon212009/02/27$103,5006733l.greer@datatables.net
JonasAlexanderDeveloperSan Francisco302010/07/14$86,5008196j.alexander@datatables.net
ShadDeckerRegional DirectorEdinburgh512008/11/13$183,0006373s.decker@datatables.net
MichaelBruceJavascript DeveloperSingapore292011/06/27$183,0005384m.bruce@datatables.net
DonnaSniderCustomer SupportNew York272011/01/25$112,0004226d.snider@datatables.net
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "scrollY": 200, + "scrollX": true + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

th, td { white-space: nowrap; } + div.dataTables_wrapper { + width: 800px; + margin: 0 auto; + } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_y.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_y.html new file mode 100644 index 0000000..2106b62 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_y.html @@ -0,0 +1,746 @@ + + + + + + + + DataTables example - Scroll - vertical + + + + + + + + + + + + +
+
+

DataTables example Scroll - vertical

+ +
+

This example shows the DataTables table body scrolling in the vertical direction. This can generally be seen as an alternative method to pagination for + displaying a large table in a fairly small vertical area, and as such pagination has been disabled here (note that this is not mandatory, it will work just fine + with pagination enabled as well!).

+ +

To enable y-scrolling simply set the scrollYDT parameter to be whatever you want the container wrapper's height to be (any CSS measurement is + acceptable, or just a number which is treated as pixels).

+ +

Note also that the scrollCollapseDT option is enabled in this example. This will have the container match the height of the + rows shown in the table if that height is smaller than that given height by the scrollYDT.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "scrollY": "200px", + "scrollCollapse": true, + "paging": false + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_y_theme.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_y_theme.html new file mode 100644 index 0000000..df19318 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/scroll_y_theme.html @@ -0,0 +1,738 @@ + + + + + + + + DataTables example - Scroll - vertical with jQuery UI ThemeRoller + + + + + + + + + + + + + +
+
+

DataTables example Scroll - vertical with jQuery UI ThemeRoller

+ +
+

This example is an extension of the vertical scrolling example, showing DataTables ability to be themed by jQuery UI's ThemeRoller.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "scrollY": 200, + "scrollCollapse": true, + "jQueryUI": true + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/state_save.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/state_save.html new file mode 100644 index 0000000..327eb4a --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/state_save.html @@ -0,0 +1,748 @@ + + + + + + + + DataTables example - State saving + + + + + + + + + + + + +
+
+

DataTables example State saving

+ +
+

DataTables has the option of being able to save the state of a table (its paging position, ordering state etc) so that is can be restored when the user reloads + a page, or comes back to the page after visiting a sub-page. This state saving ability is enabled by the stateSaveDT option.

+ +

The built in state saving method uses the HTML5 localStorage and sessionStorage APIs for efficient storage of the data. Please note + that this means that the built in state saving option will not work with IE6/7 as these browsers do not support these APIs. Alternative options of + using cookies or saving the state on the server through Ajax can be used through the stateSaveCallbackDT and stateLoadCallbackDT + options.

+ +

The duration for which the saved state is valid and can be used to restore the table state can be set using the stateDurationDT + initialisation parameter (2 hours by default). This parameter also controls if localStorage (0 or greater) or sessionStorage (-1) is used + to store the data.

+ +

The example below simply shows state saving enabled in DataTables with the stateSaveDT option.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + stateSave: true + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/table_sorting.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/table_sorting.html new file mode 100644 index 0000000..3dd810a --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/table_sorting.html @@ -0,0 +1,741 @@ + + + + + + + + DataTables example - Default ordering (sorting) + + + + + + + + + + + + +
+
+

DataTables example Default ordering (sorting)

+ +
+

With DataTables you can alter the ordering characteristics of the table at initialisation time. Using the orderDT initialisation parameter, + you can set the table to display the data in exactly the order that you want.

+ +

The orderDT parameter is + an array of arrays where the first value of the inner array is the column to order on, and the second is 'asc' + (ascending ordering) or 'desc' (descending ordering) as required. orderDT is a 2D array to allow + multi-column ordering to be defined.

+ +

The table below is ordered (descending) by the Age column.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "order": [[ 3, "desc" ]] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/zero_configuration.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/zero_configuration.html new file mode 100644 index 0000000..fd986c1 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/basic_init/zero_configuration.html @@ -0,0 +1,731 @@ + + + + + + + + DataTables example - Zero configuration + + + + + + + + + + + + +
+
+

DataTables example Zero configuration

+ +
+

DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function.

+ +

Searching, ordering, paging etc goodness will be immediately added to the table, as shown in this example.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').DataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/ajax.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/ajax.html new file mode 100644 index 0000000..ae07339 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/ajax.html @@ -0,0 +1,284 @@ + + + + + + + + DataTables example - Ajax sourced data + + + + + + + + + + + + +
+
+

DataTables example Ajax sourced data

+ +
+

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 ajaxDT option to the + address of the JSON data source.

+ +

The ajaxDT option also + allows for more advanced configuration such as altering how the Ajax request is made. See the ajaxDT documentation and the other Ajax examples for further + information.

+ +

The example below shows DataTables loading data for a table from arrays as the data source (object parameters can also be used through the columns.dataDT option ).

+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "ajax": '../ajax/data/arrays.txt' + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/dom.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/dom.html new file mode 100644 index 0000000..2ef8129 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/dom.html @@ -0,0 +1,733 @@ + + + + + + + + DataTables example - HTML (DOM) sourced data + + + + + + + + + + + + +
+
+

DataTables example HTML (DOM) sourced data

+ +
+

The foundation for DataTables is progressive enhancement, so it is very adept at reading table information directly from the DOM. This example shows how easy it + is to add searching, ordering and paging to your HTML table by simply running DataTables on it.

+ +

For further and more complex examples of using DataTables with DOM sourced data, please refer to the basic initialisation and + advanced examples.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/index.html new file mode 100644 index 0000000..30d122b --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/index.html @@ -0,0 +1,66 @@ + + + + + + + + + + + + + DataTables examples - Data sources + + + +
+
+

DataTables example Data sources

+ +
+

DataTables can obtain data from four different fundamental sources:

+ +
    +
  • HTML document (DOM)
    • +
  • Javascript (array / objects)
    • +
  • Ajax sourced data with client-side processing
    • +
  • Ajax sourced data with server-side processing
    • +
+ +

Which of these options is used to populate the table with data depends upon how the table is initialised. The examples in this section show these four different + data source types.

+
+
+
+ +
+
+
+ +
+
+
+

Data sources

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/js_array.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/js_array.html new file mode 100644 index 0000000..5a3713b --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/js_array.html @@ -0,0 +1,397 @@ + + + + + + + + DataTables example - Javascript sourced data + + + + + + + + + + + + +
+
+

DataTables example Javascript sourced data

+ +
+

At times you will wish to be able to create a table from dynamic information passed directly to DataTables, rather than having it read from the document. This + is achieved using the dataDT + option in the initialisation object, passing in an array of data to be used (like all other DataTables handled data, this can be arrays or objects using the + columns.dataDT + option).

+ +

A <table> must be available on the page for DataTables to use. This examples shows the element being added by Javascript and then + initialising the DataTable with a set of data from a Javascript array.

+
+ +
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

var dataSet = [ + ['Trident','Internet Explorer 4.0','Win 95+','4','X'], + ['Trident','Internet Explorer 5.0','Win 95+','5','C'], + ['Trident','Internet Explorer 5.5','Win 95+','5.5','A'], + ['Trident','Internet Explorer 6','Win 98+','6','A'], + ['Trident','Internet Explorer 7','Win XP SP2+','7','A'], + ['Trident','AOL browser (AOL desktop)','Win XP','6','A'], + ['Gecko','Firefox 1.0','Win 98+ / OSX.2+','1.7','A'], + ['Gecko','Firefox 1.5','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Firefox 2.0','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Firefox 3.0','Win 2k+ / OSX.3+','1.9','A'], + ['Gecko','Camino 1.0','OSX.2+','1.8','A'], + ['Gecko','Camino 1.5','OSX.3+','1.8','A'], + ['Gecko','Netscape 7.2','Win 95+ / Mac OS 8.6-9.2','1.7','A'], + ['Gecko','Netscape Browser 8','Win 98SE+','1.7','A'], + ['Gecko','Netscape Navigator 9','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Mozilla 1.0','Win 95+ / OSX.1+',1,'A'], + ['Gecko','Mozilla 1.1','Win 95+ / OSX.1+',1.1,'A'], + ['Gecko','Mozilla 1.2','Win 95+ / OSX.1+',1.2,'A'], + ['Gecko','Mozilla 1.3','Win 95+ / OSX.1+',1.3,'A'], + ['Gecko','Mozilla 1.4','Win 95+ / OSX.1+',1.4,'A'], + ['Gecko','Mozilla 1.5','Win 95+ / OSX.1+',1.5,'A'], + ['Gecko','Mozilla 1.6','Win 95+ / OSX.1+',1.6,'A'], + ['Gecko','Mozilla 1.7','Win 98+ / OSX.1+',1.7,'A'], + ['Gecko','Mozilla 1.8','Win 98+ / OSX.1+',1.8,'A'], + ['Gecko','Seamonkey 1.1','Win 98+ / OSX.2+','1.8','A'], + ['Gecko','Epiphany 2.20','Gnome','1.8','A'], + ['Webkit','Safari 1.2','OSX.3','125.5','A'], + ['Webkit','Safari 1.3','OSX.3','312.8','A'], + ['Webkit','Safari 2.0','OSX.4+','419.3','A'], + ['Webkit','Safari 3.0','OSX.4+','522.1','A'], + ['Webkit','OmniWeb 5.5','OSX.4+','420','A'], + ['Webkit','iPod Touch / iPhone','iPod','420.1','A'], + ['Webkit','S60','S60','413','A'], + ['Presto','Opera 7.0','Win 95+ / OSX.1+','-','A'], + ['Presto','Opera 7.5','Win 95+ / OSX.2+','-','A'], + ['Presto','Opera 8.0','Win 95+ / OSX.2+','-','A'], + ['Presto','Opera 8.5','Win 95+ / OSX.2+','-','A'], + ['Presto','Opera 9.0','Win 95+ / OSX.3+','-','A'], + ['Presto','Opera 9.2','Win 88+ / OSX.3+','-','A'], + ['Presto','Opera 9.5','Win 88+ / OSX.3+','-','A'], + ['Presto','Opera for Wii','Wii','-','A'], + ['Presto','Nokia N800','N800','-','A'], + ['Presto','Nintendo DS browser','Nintendo DS','8.5','C/A<sup>1</sup>'], + ['KHTML','Konqureror 3.1','KDE 3.1','3.1','C'], + ['KHTML','Konqureror 3.3','KDE 3.3','3.3','A'], + ['KHTML','Konqureror 3.5','KDE 3.5','3.5','A'], + ['Tasman','Internet Explorer 4.5','Mac OS 8-9','-','X'], + ['Tasman','Internet Explorer 5.1','Mac OS 7.6-9','1','C'], + ['Tasman','Internet Explorer 5.2','Mac OS 8-X','1','C'], + ['Misc','NetFront 3.1','Embedded devices','-','C'], + ['Misc','NetFront 3.4','Embedded devices','-','A'], + ['Misc','Dillo 0.8','Embedded devices','-','X'], + ['Misc','Links','Text only','-','X'], + ['Misc','Lynx','Text only','-','X'], + ['Misc','IE Mobile','Windows Mobile 6','-','C'], + ['Misc','PSP browser','PSP','-','C'], + ['Other browsers','All others','-','-','U'] +]; + +$(document).ready(function() { + $('#demo').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' ); + + $('#example').dataTable( { + "data": dataSet, + "columns": [ + { "title": "Engine" }, + { "title": "Browser" }, + { "title": "Platform" }, + { "title": "Version", "class": "center" }, + { "title": "Grade", "class": "center" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/server_side.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/server_side.html new file mode 100644 index 0000000..501c0ec --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/data_sources/server_side.html @@ -0,0 +1,286 @@ + + + + + + + + DataTables example - Server-side processing + + + + + + + + + + + + +
+
+

DataTables example Server-side processing

+ +
+

There are many ways to get your data into DataTables, and if you are working with seriously large databases, you might want to consider using the server-side + options that DataTables provides. With server-side processing enabled, all paging, searching, ordering actions that DataTables performs are handed off to a server + where an SQL engine (or similar) can perform these actions on the large data set (after all, that's what the database engine is designed for!). As such, each draw + of the table will result in a new Ajax request being made to get the required data.

+ +

Server-side processing is enabled by setting the serverSideDT option to true and providing an Ajax data source through the ajaxDT option.

+ +

This example shows a very simple table, matching the other examples, but in this instance using server-side processing. For further and more complex examples of + using server-side processing, please refer to the server-side processing examples.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "processing": true, + "serverSide": true, + "ajax": "../server_side/scripts/server_processing.php" + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/index.html new file mode 100644 index 0000000..f9981b9 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/index.html @@ -0,0 +1,181 @@ + + + + + + + + + + + + + DataTables examples - Examples index + + + +
+
+

DataTables example Examples index

+ +
+

One of the best ways to learn how to do anything new (including software APIs!) is to get your hands dirty as quickly as possible. These examples will show you + how to perform tasks ranging from something as simple as applying DataTables to an HTML table, right the way through to doing server-side processing with + pipelining and custom plug-in functions.

+
+
+
+ +
+
+
+ +
+
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/api.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/api.html new file mode 100644 index 0000000..a589d18 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/api.html @@ -0,0 +1,781 @@ + + + + + + + + DataTables example - API plug-in methods + + + + + + + + + + + + +
+
+

DataTables example API plug-in methods

+ +
+

The DataTables API is designed to be fully extensible, with custom functions being very easy to add using the $.fn.dataTable.Api.register function. + This function takes two arguments; the first being the name of the method to be added and its chaining hierarchy, and the second the function itself.

+ +

This example shows how a sum() method can easily be added to the Api so you can get the sum of a column in a single line: + table.column().data().sum(). Due to the chaining of the methods, this allows sum() to very easily give the sum for any selected column, + and to limit the sum to just the current page, filtered data or all pages. This is done using the options for the column()DT method and the options for its + selectors.

+ +

For more information about API plug-ins; creating them and their requirements, please refer to the plug-in development documentation.

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$.fn.dataTable.Api.register( 'column().data().sum()', function () { + return this.reduce( function (a, b) { + var x = parseFloat( a ) || 0; + var y = parseFloat( b ) || 0; + return x + y; + } ); +} ); + +/* Init the table and fire off a call to get the hidden nodes. */ +$(document).ready(function() { + var table = $('#example').DataTable(); + + $('<button>Click to sum age in all rows</button>') + .prependTo( '#demo' ) + .on( 'click', function () { + alert( 'Column sum is: '+ table.column( 3 ).data().sum() ); + } ); + + $('<button>Click to sum age of visible rows</button>') + .prependTo( '#demo' ) + .on( 'click', function () { + alert( 'Column sum is: '+ table.column( 3, {page:'current'} ).data().sum() ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/dom_sort.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/dom_sort.html new file mode 100644 index 0000000..762fde6 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/dom_sort.html @@ -0,0 +1,1842 @@ + + + + + + + + DataTables example - Live DOM ordering + + + + + + + + + + + + +
+
+

DataTables example Live DOM ordering

+ +
+

This example shows how you can use information available in the DOM to order columns. Typically DataTables will read information to be ordered during it's + initialisation phase, and this will not be updated based on user interaction, so ordering on columns which have, for example, form elements in them, may not + reflect the current value of the input. To overcome this problem, you must update the data that DataTables will order on, just prior to the order. This method is + much more efficient than actually ordering using the DOM, since only one DOM query is needed for each cell to be ordered.

+ +

The example below shows the first two columns as normal text with ordering as you would expect. The following columns all have a form input element of different + kinds, and the information contained within is what DataTables will perform the order on, based on the value at the time of the order.

+ +

This is a fairly simple example, but it you aren't constrained to just using form input elements, you could use anything and customise your DOM queries to suit + yourself. You could also update the ordering live as a user in entered data into a form using an event handler calling order()DT or draw()DT methods.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameAgePositionOffice
NameAgePositionOffice
Tiger Nixon
Garrett Winters
Ashton Cox
Cedric Kelly
Airi Satou
Brielle Williamson
Herrod Chandler
Rhona Davidson
Colleen Hurst
Sonya Frost
Jena Gaines
Quinn Flynn
Charde Marshall
Haley Kennedy
Tatyana Fitzpatrick
Michael Silva
Paul Byrd
Gloria Little
Bradley Greer
Dai Rios
Jenette Caldwell
Yuri Berry
Caesar Vance
Doris Wilder
Angelica Ramos
Gavin Joyce
Jennifer Chang
Brenden Wagner
Fiona Green
Shou Itou
Michelle House
Suki Burks
Prescott Bartlett
Gavin Cortez
Martena Mccray
Unity Butler
Howard Hatfield
Hope Fuentes
Vivian Harrell
Timothy Mooney
Jackson Bradshaw
Olivia Liang
Bruno Nash
Sakura Yamamoto
Thor Walton
Finn Camacho
Serge Baldwin
Zenaida Frank
Zorita Serrano
Jennifer Acosta
Cara Stevens
Hermione Butler
Lael Greer
Jonas Alexander
Shad Decker
Michael Bruce
Donna Snider
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

/* Create an array with the values of all the input boxes in a column */ +$.fn.dataTable.ext.order['dom-text'] = function ( settings, col ) +{ + return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) { + return $('input', td).val(); + } ); +} + +/* Create an array with the values of all the input boxes in a column, parsed as numbers */ +$.fn.dataTable.ext.order['dom-text-numeric'] = function ( settings, col ) +{ + return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) { + return $('input', td).val() * 1; + } ); +} + +/* Create an array with the values of all the select options in a column */ +$.fn.dataTable.ext.order['dom-select'] = function ( settings, col ) +{ + return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) { + return $('select', td).val(); + } ); +} + +/* Create an array with the values of all the checkboxes in a column */ +$.fn.dataTable.ext.order['dom-checkbox'] = function ( settings, col ) +{ + return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) { + return $('input', td).prop('checked') ? '1' : '0'; + } ); +} + +/* Initialise the table with the required column ordering data types */ +$(document).ready(function() { + $('#example').dataTable( { + "columns": [ + null, + { "orderDataType": "dom-text-numeric" }, + { "orderDataType": "dom-text", type: 'string' }, + { "orderDataType": "dom-select" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/index.html new file mode 100644 index 0000000..193765d --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/index.html @@ -0,0 +1,61 @@ + + + + + + + + + + + + + DataTables examples - Plug-ins + + + +
+
+

DataTables example Plug-ins

+ +
+

While DataTables has a wide range of options and data type support built in, it can never cater for every type of data out of the box. For this reason, + DataTables exposes an extension API which allows you, the developers using DataTables, to add support for your own data types, searching, ordering and feature + plug-ins.

+ +

The examples in this section show how plug-ins can be used and developed for DataTables.

+
+
+
+ +
+
+
+ +
+
+
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/range_filtering.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/range_filtering.html new file mode 100644 index 0000000..ea502ca --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/range_filtering.html @@ -0,0 +1,790 @@ + + + + + + + + DataTables example - Custom filtering - range search + + + + + + + + + + + + +
+
+

DataTables example Custom filtering - range search

+ +
+

There may be occasions when you wish to search data presented to the end user in your own manner, common examples are number range search (in between two + numbers) and date range search. DataTables provide an API method to add your own search functions, $.fn.dataTable.ext.search. This is an array of + functions (push your own onto it) which will will be run at table draw time to see if a particular row should be included or not.

+ +

This example shows a search being performed on the age column in the data, based upon two inputs.

+
+ + + + + + + + + + +
Minimum age:
Maximum age:
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

/* Custom filtering function which will search data in column four between two values */ +$.fn.dataTable.ext.search.push( + function( settings, data, dataIndex ) { + var min = parseInt( $('#min').val(), 10 ); + var max = parseInt( $('#max').val(), 10 ); + var age = parseFloat( data[3] ) || 0; // use data for the age column + + if ( ( isNaN( min ) && isNaN( max ) ) || + ( isNaN( min ) && age <= max ) || + ( min <= age && isNaN( max ) ) || + ( min <= age && age <= max ) ) + { + return true; + } + return false; + } +); + +$(document).ready(function() { + var table = $('#example').DataTable(); + + // Event listener to the two range filtering inputs to redraw on input + $('#min, #max').keyup( function() { + table.draw(); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/sorting_auto.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/sorting_auto.html new file mode 100644 index 0000000..bfd51f0 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/sorting_auto.html @@ -0,0 +1,774 @@ + + + + + + + + DataTables example - Ordering plug-ins (with type detection) + + + + + + + + + + + + +
+
+

DataTables example Ordering plug-ins (with type detection)

+ +
+

Although DataTables will automatically order data from a number of different data types using the built in methods, When dealing with more complex formatted + data, it can be desirable to define the ordering order yourself. Using plug-in ordering functions, you have have DataTables sort data in any manner you wish.

+ +

Formatted data of a particular kind can be automatically detected and a suitable ordering plug-in assigned to it by making use of DataTables' plug-in type + detection abilities. For complete information about type detection and ordering plug-ins; creating them and their requirements, please refer to the plug-in + development documentation.

+ +

This example shows ordering with using an enumerated type.

+ +

A wide variety of ready made ordering plug-ins can be found on the DataTables plug-ins page.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25Low
Garrett WintersAccountantTokyo632011/07/25Low
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12Low
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29Medium
Airi SatouAccountantTokyo332008/11/28Low
Brielle WilliamsonIntegration SpecialistNew York612012/12/02Medium
Herrod ChandlerSales AssistantSan Francisco592012/08/06Low
Rhona DavidsonIntegration SpecialistTokyo552010/10/14Low
Colleen HurstJavascript DeveloperSan Francisco392009/09/15Low
Sonya FrostSoftware EngineerEdinburgh232008/12/13Low
Jena GainesOffice ManagerLondon302008/12/19Low
Quinn FlynnSupport LeadEdinburgh222013/03/03Low
Charde MarshallRegional DirectorSan Francisco362008/10/16Medium
Haley KennedySenior Marketing DesignerLondon432012/12/18Low
Tatyana FitzpatrickRegional DirectorLondon192010/03/17Medium
Michael SilvaMarketing DesignerLondon662012/11/27Low
Paul ByrdChief Financial Officer (CFO)New York642010/06/09High
Gloria LittleSystems AdministratorNew York592009/04/10Low
Bradley GreerSoftware EngineerLondon412012/10/13Low
Dai RiosPersonnel LeadEdinburgh352012/09/26Low
Jenette CaldwellDevelopment LeadNew York302011/09/03Low
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25High
Caesar VancePre-Sales SupportNew York212011/12/12Low
Doris WilderSales AssistantSidney232010/09/20Low
Angelica RamosChief Executive Officer (CEO)London472009/10/09High
Gavin JoyceDeveloperEdinburgh422010/12/22Low
Jennifer ChangRegional DirectorSingapore282010/11/14Medium
Brenden WagnerSoftware EngineerSan Francisco282011/06/07Low
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11High
Shou ItouRegional MarketingTokyo202011/08/14Low
Michelle HouseIntegration SpecialistSidney372011/06/02Low
Suki BurksDeveloperLondon532009/10/22Low
Prescott BartlettTechnical AuthorLondon272011/05/07Low
Gavin CortezTeam LeaderSan Francisco222008/10/26Low
Martena MccrayPost-Sales supportEdinburgh462011/03/09Low
Unity ButlerMarketing DesignerSan Francisco472009/12/09Low
Howard HatfieldOffice ManagerSan Francisco512008/12/16Low
Hope FuentesSecretarySan Francisco412010/02/12Low
Vivian HarrellFinancial ControllerSan Francisco622009/02/14Medium
Timothy MooneyOffice ManagerLondon372008/12/11Low
Jackson BradshawDirectorNew York652008/09/26Medium
Olivia LiangSupport EngineerSingapore642011/02/03Low
Bruno NashSoftware EngineerLondon382011/05/03Low
Sakura YamamotoSupport EngineerTokyo372009/08/19Low
Thor WaltonDeveloperNew York612013/08/11Low
Finn CamachoSupport EngineerSan Francisco472009/07/07Low
Serge BaldwinData CoordinatorSingapore642012/04/09Low
Zenaida FrankSoftware EngineerNew York632010/01/04Low
Zorita SerranoSoftware EngineerSan Francisco562012/06/01Low
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01Low
Cara StevensSales AssistantNew York462011/12/06Low
Hermione ButlerRegional DirectorLondon472011/03/21Medium
Lael GreerSystems AdministratorLondon212009/02/27Low
Jonas AlexanderDeveloperSan Francisco302010/07/14Low
Shad DeckerRegional DirectorEdinburgh512008/11/13Low
Michael BruceJavascript DeveloperSingapore292011/06/27Low
Donna SniderCustomer SupportNew York272011/01/25Low
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$.fn.dataTable.ext.type.detect.unshift( + function ( d ) { + return d === 'Low' || d === 'Medium' || d === 'High' ? + 'salary-grade' : + null; + } +); + +$.fn.dataTable.ext.type.order['salary-grade-pre'] = function ( d ) { + switch ( d ) { + case 'Low': return 1; + case 'Medium': return 2; + case 'High': return 3; + } + return 0; +}; + + +$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/sorting_manual.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/sorting_manual.html new file mode 100644 index 0000000..787f6a3 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/plug-ins/sorting_manual.html @@ -0,0 +1,768 @@ + + + + + + + + DataTables example - Ordering plug-ins (no type detection) + + + + + + + + + + + + +
+
+

DataTables example Ordering plug-ins (no type detection)

+ +
+

Although DataTables will order a number of data types using the built in methods, When dealing with more complex formatted data, it can be desirable to define + the ordering order yourself. Using plug-in ordering functions, you have have DataTables order data in any manner you wish.

+ +

This is done by using the columns.typeDT parameter, in combination with a ordering plug-in. The ordering plug-in can be be of any + level of complexity (natural ordering for example can be fairly complex while also very powerful), and is defined by attaching to the + $.fn.dataTable.ext.type.order object. For more information about ordering plug-ins; creating them and their requirements, please refer to the plug-in + development documentation.

+ +

This example shows ordering with using an enumerated type.

+ +

A wide variety of ready made ordering plug-ins can be found on the DataTables plug-ins page.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25Low
Garrett WintersAccountantTokyo632011/07/25Low
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12Low
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29Medium
Airi SatouAccountantTokyo332008/11/28Low
Brielle WilliamsonIntegration SpecialistNew York612012/12/02Medium
Herrod ChandlerSales AssistantSan Francisco592012/08/06Low
Rhona DavidsonIntegration SpecialistTokyo552010/10/14Low
Colleen HurstJavascript DeveloperSan Francisco392009/09/15Low
Sonya FrostSoftware EngineerEdinburgh232008/12/13Low
Jena GainesOffice ManagerLondon302008/12/19Low
Quinn FlynnSupport LeadEdinburgh222013/03/03Low
Charde MarshallRegional DirectorSan Francisco362008/10/16Medium
Haley KennedySenior Marketing DesignerLondon432012/12/18Low
Tatyana FitzpatrickRegional DirectorLondon192010/03/17Medium
Michael SilvaMarketing DesignerLondon662012/11/27Low
Paul ByrdChief Financial Officer (CFO)New York642010/06/09High
Gloria LittleSystems AdministratorNew York592009/04/10Low
Bradley GreerSoftware EngineerLondon412012/10/13Low
Dai RiosPersonnel LeadEdinburgh352012/09/26Low
Jenette CaldwellDevelopment LeadNew York302011/09/03Low
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25High
Caesar VancePre-Sales SupportNew York212011/12/12Low
Doris WilderSales AssistantSidney232010/09/20Low
Angelica RamosChief Executive Officer (CEO)London472009/10/09High
Gavin JoyceDeveloperEdinburgh422010/12/22Low
Jennifer ChangRegional DirectorSingapore282010/11/14Medium
Brenden WagnerSoftware EngineerSan Francisco282011/06/07Low
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11High
Shou ItouRegional MarketingTokyo202011/08/14Low
Michelle HouseIntegration SpecialistSidney372011/06/02Low
Suki BurksDeveloperLondon532009/10/22Low
Prescott BartlettTechnical AuthorLondon272011/05/07Low
Gavin CortezTeam LeaderSan Francisco222008/10/26Low
Martena MccrayPost-Sales supportEdinburgh462011/03/09Low
Unity ButlerMarketing DesignerSan Francisco472009/12/09Low
Howard HatfieldOffice ManagerSan Francisco512008/12/16Low
Hope FuentesSecretarySan Francisco412010/02/12Low
Vivian HarrellFinancial ControllerSan Francisco622009/02/14Medium
Timothy MooneyOffice ManagerLondon372008/12/11Low
Jackson BradshawDirectorNew York652008/09/26Medium
Olivia LiangSupport EngineerSingapore642011/02/03Low
Bruno NashSoftware EngineerLondon382011/05/03Low
Sakura YamamotoSupport EngineerTokyo372009/08/19Low
Thor WaltonDeveloperNew York612013/08/11Low
Finn CamachoSupport EngineerSan Francisco472009/07/07Low
Serge BaldwinData CoordinatorSingapore642012/04/09Low
Zenaida FrankSoftware EngineerNew York632010/01/04Low
Zorita SerranoSoftware EngineerSan Francisco562012/06/01Low
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01Low
Cara StevensSales AssistantNew York462011/12/06Low
Hermione ButlerRegional DirectorLondon472011/03/21Medium
Lael GreerSystems AdministratorLondon212009/02/27Low
Jonas AlexanderDeveloperSan Francisco302010/07/14Low
Shad DeckerRegional DirectorEdinburgh512008/11/13Low
Michael BruceJavascript DeveloperSingapore292011/06/27Low
Donna SniderCustomer SupportNew York272011/01/25Low
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$.fn.dataTable.ext.type.order['salary-grade-pre'] = function ( d ) { + switch ( d ) { + case 'Low': return 1; + case 'Medium': return 2; + case 'High': return 3; + } + return 0; +}; + +$(document).ready(function() { + $('#example').dataTable( { + "columnDefs": [ { + "type": "salary-grade", + "targets": -1 + } ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/demo.css b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/demo.css new file mode 100644 index 0000000..d756fa2 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/demo.css @@ -0,0 +1,333 @@ + +@import url(http://fonts.googleapis.com/css?family=Raleway:100); + +body { + font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif; + margin: 0; + padding: 0; + color: #333; + background-color: #fff; +} + + +div.container { + max-width: 980px; + margin: 0 auto; +} + +h1 { + font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Raleway', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-weight: 100; + letter-spacing: 1px; + font-size: 3em; + line-height: 1em; +} + +h1 span { + font-size: 0.5em; + line-height: 1em; +} + +a { + cursor: pointer; + color: #3174c7; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +div.toc ul { + color: #4E6CA3; + list-style-type: none; + padding-left: 0; +} + +div.toc li { + padding: 0.2em 1em; + border-left: 4px solid transparent; + border-bottom: 1px solid #e6e6e6; +} + +div.toc li.active { + border-left: 4px solid #458ae0; +} + + +div.toc li:first-child { + border-top: 1px solid #efefef; +} + +div.toc li:last-child { + border-bottom: 1px solid #efefef; +} + + +div.epilogue { + text-align: center; +} + +p.copyright { + font-size: 0.8em; + padding-bottom: 2em; + margin-bottom: 0; +} + +.clear { + clear: both; + height: 0; +} + + +div.info { + margin-bottom: 2em; + + -webkit-column-count: 2; + -moz-column-count: 2; + -ms-column-count: 2; + -o-column-count: 2; + column-count: 2; + + + -webkit-column-rule: 1px solid #F3F3F3; + -moz-column-rule: 1px solid #F3F3F3; + -ms-column-rule: 1px solid #F3F3F3; + -o-column-rule: 1px solid #F3F3F3; + column-rule: 1px solid #F3F3F3; +} + +div.info > * { + -webkit-column-break-inside: avoid; + break-inside: avoid; +} + +div.info li { + margin-top: 0.75em; +} + +div.info p:first-child { + margin-top: 0; +} + +div.footer { + position: relative; + margin-top: 3em; + border-top: 1px solid #999; + background-color: #eee; +} + +div.footer > div.liner { + max-width: 960px; + margin: 0 auto; +} + +div.footer > div.gradient { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 6px; + + background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ +} + +div.toc { + -webkit-column-count: 2; + -moz-column-count: 2; + -ms-column-count: 2; + -o-column-count: 2; + column-count: 2; +} + +div.toc-group { + display: inline-block; + width: 100%; +} + +div.box { + overflow: auto; + height: 8em; + padding: 1em; + color: #444; + background-color: #fcfcfc; + border: 1px solid #e0e0e0; + margin-bottom: 2em; +} + + +code { + font-family: "Source Code Pro", Consolas, Menlo, Monaco, "Courier New", monospace; + padding: 1px 4px; + font-size: 0.8em; + + color: #444; + background-color: #fcfcfc; + + border: 1px solid #e0e0e0; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +code > span { + border-left: 1px solid rgba( 0, 0, 0, 0.2 ); + margin-left: 4px; + padding-left: 4px; + opacity: 0.5; +} + +code.option { + color: #D14; /* red */ + background-color: #fcf6f8; + border: 1px solid #f7d6df; +} + +code.path { + color: #095c05; /* dark green */ + border: 1px solid #D6E9C6; +} + +code.tag { + color: #a1a713; /* yellow */ + background-color: #f7f8e6; + border: 1px solid #D6E9C6; +} + +code.api { + color: #0c199c; /* dark blue */ + background-color: #f4f5fc; + border: 1px solid #c6cbe9; +} + +code.type { + color: #d119cf; /* purple */ + background-color: #faebfa; + border: 1px solid #f3aef2; +} + +code.event { + color: #2a839e; /* deep aqua */ + background-color: #f5fafb; + border: 1px solid #a8ddec; +} + +code.string { + color: #e8941e; /* orange */ + background-color: #fcf8f1; + border: 1px solid #f7e4c9; +} + +code.field { + color: #ad1ee8; /* purple */ + background-color: #f9f1fc; + border: 1px solid #ebc9f7; +} + +code.multiline { + display: inline-block; + width: 95%; +} + + +ul.tabs { + position: relative; + top: 1px; + height: 40px; + margin: 20px 20px 0 0; +} + + +ul.tabs li { + display: block; + float: left; + padding: 0 15px; + height: 40px; + font-size: 1.2em; + margin: 0 5px; + cursor: pointer; + line-height: 40px; + color: #121e32; + border: 1px solid white; + border-bottom: none; + margin-top: -1px; +} + +ul.tabs li.active { + border: 1px solid #ccc; + border-bottom: 1px solid white; + margin-top: 0; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +ul.tabs li:hover { + background-color: #fafafa; +} + +ul.tabs li.active:hover { + background-color: white; +} + +div.tabs { + clear: both; +} + +div.tabs>div { + padding: 0 15px; + border: 1px solid #ccc; + margin-top: 1px; + display: none; + border-radius: 5px; + box-shadow: 2px 2px 2px #bbb; +} + +div.tabs>div h1 { + border-bottom: none; + margin-top: 1em; +} + +div.column_half { + float: left; + width: 49%; + padding-right: 1%; +} + + +@media only screen and (max-width : 979px) { + div.container, + div.footer { + padding: 0 1em; + } +} + +@media + screen and (max-width : 767px), + screen and (max-width : 768px) and (orientation: portrait) { + div.info { + -webkit-column-count: 1; + -moz-column-count: 1; + -ms-column-count: 1; + -o-column-count: 1; + column-count: 1; + } + + div.toc { + -webkit-column-count: 1; + -moz-column-count: 1; + -ms-column-count: 1; + -o-column-count: 1; + column-count: 1; + } + + h1 span { + display: block; + } +} + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/demo.js b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/demo.js new file mode 100644 index 0000000..b626919 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/demo.js @@ -0,0 +1,117 @@ + +/*global SyntaxHighlighter*/ +SyntaxHighlighter.config.tagName = 'code'; + +$(document).ready( function () { + if ( ! $.fn.dataTable ) { + return; + } + var dt110 = $.fn.dataTable.Api ? true : false; + + // Work around for WebKit bug 55740 + var info = $('div.info'); + + if ( info.height() < 115 ) { + info.css( 'min-height', '8em' ); + } + + var escapeHtml = function ( str ) { + return str.replace(/&/g, '&').replace(//g, '>'); + }; + + // css + var cssContainer = $('div.tabs div.css'); + if ( $.trim( cssContainer.find('code').text() ) === '' ) { + cssContainer.find('code, p:eq(0), div').css('display', 'none'); + } + + // init html + var table = $('

').append( $('table').clone() ).html(); + $('div.tabs div.table').append( + '\t\t\t'+ + escapeHtml( table )+ + '' + ); + //SyntaxHighlighter.highlight({}, $('#display-init-html')[0]); + + // Allow the demo code to run if DT 1.9 is used + if ( dt110 ) { + // json + var ajaxTab = $('ul.tabs li').eq(3).css('display', 'none'); + + $(document).on( 'init.dt', function ( e, settings ) { + var api = new $.fn.dataTable.Api( settings ); + + var show = function ( str ) { + ajaxTab.css( 'display', 'block' ); + $('div.tabs div.ajax code').remove(); + $('div.tabs div.ajax div.syntaxhighlighter').remove(); + + // Old IE :-| + try { + str = JSON.stringify( str, null, 2 ); + } catch ( e ) {} + + $('div.tabs div.ajax').append( + ''+str+'' + ); + SyntaxHighlighter.highlight( {}, $('div.tabs div.ajax code')[0] ); + }; + + // First draw + var json = api.ajax.json(); + if ( json ) { + show( json ); + } + + // Subsequent draws + api.on( 'xhr.dt', function ( e, settings, json ) { + show( json ); + } ); + } ); + + // php + var phpTab = $('ul.tabs li').eq(4).css('display', 'none'); + + $(document).on( 'init.dt.demoSSP', function ( e, settings ) { + if ( settings.oFeatures.bServerSide ) { + if ( $.isFunction( settings.ajax ) ) { + return; + } + $.ajax( { + url: '../resources/examples.php', + data: { + src: settings.sAjaxSource || settings.ajax.url || settings.ajax + }, + dataType: 'text', + type: 'post', + success: function ( txt ) { + phpTab.css( 'display', 'block' ); + $('div.tabs div.php').append( + ''+txt+'' + ); + SyntaxHighlighter.highlight( {}, $('div.tabs div.php code')[0] ); + } + } ); + } + } ); + } + else { + $('ul.tabs li').eq(3).css('display', 'none'); + $('ul.tabs li').eq(4).css('display', 'none'); + } + + // Tabs + $('ul.tabs').on( 'click', 'li', function () { + $('ul.tabs li.active').removeClass('active'); + $(this).addClass('active'); + + $('div.tabs>div') + .css('display', 'none') + .eq( $(this).index() ).css('display', 'block'); + } ); + $('ul.tabs li.active').click(); +} ); + + + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/details_close.png b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/details_close.png new file mode 100644 index 0000000..9c7d698 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/details_close.png diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/details_open.png b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/details_open.png new file mode 100644 index 0000000..c0edf44 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/details_open.png diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/examples.php b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/examples.php new file mode 100644 index 0000000..2d98594 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/resources/examples.php @@ -0,0 +1,10 @@ + MIT License + */ +var XRegExp;XRegExp=XRegExp||function(n){"use strict";function v(n,i,r){var u;for(u in t.prototype)t.prototype.hasOwnProperty(u)&&(n[u]=t.prototype[u]);return n.xregexp={captureNames:i,isNative:!!r},n}function g(n){return(n.global?"g":"")+(n.ignoreCase?"i":"")+(n.multiline?"m":"")+(n.extended?"x":"")+(n.sticky?"y":"")}function o(n,r,u){if(!t.isRegExp(n))throw new TypeError("type RegExp expected");var f=i.replace.call(g(n)+(r||""),h,"");return u&&(f=i.replace.call(f,new RegExp("["+u+"]+","g"),"")),n=n.xregexp&&!n.xregexp.isNative?v(t(n.source,f),n.xregexp.captureNames?n.xregexp.captureNames.slice(0):null):v(new RegExp(n.source,f),null,!0)}function a(n,t){var i=n.length;if(Array.prototype.lastIndexOf)return n.lastIndexOf(t);while(i--)if(n[i]===t)return i;return-1}function s(n,t){return Object.prototype.toString.call(n).toLowerCase()==="[object "+t+"]"}function d(n){return n=n||{},n==="all"||n.all?n={natives:!0,extensibility:!0}:s(n,"string")&&(n=t.forEach(n,/[^\s,]+/,function(n){this[n]=!0},{})),n}function ut(n,t,i,u){var o=p.length,s=null,e,f;y=!0;try{while(o--)if(f=p[o],(f.scope==="all"||f.scope===i)&&(!f.trigger||f.trigger.call(u))&&(f.pattern.lastIndex=t,e=r.exec.call(f.pattern,n),e&&e.index===t)){s={output:f.handler.call(u,e,i),match:e};break}}catch(h){throw h;}finally{y=!1}return s}function b(n){t.addToken=c[n?"on":"off"],f.extensibility=n}function tt(n){RegExp.prototype.exec=(n?r:i).exec,RegExp.prototype.test=(n?r:i).test,String.prototype.match=(n?r:i).match,String.prototype.replace=(n?r:i).replace,String.prototype.split=(n?r:i).split,f.natives=n}var t,c,u,f={natives:!1,extensibility:!1},i={exec:RegExp.prototype.exec,test:RegExp.prototype.test,match:String.prototype.match,replace:String.prototype.replace,split:String.prototype.split},r={},k={},p=[],e="default",rt="class",it={"default":/^(?:\\(?:0(?:[0-3][0-7]{0,2}|[4-7][0-7]?)?|[1-9]\d*|x[\dA-Fa-f]{2}|u[\dA-Fa-f]{4}|c[A-Za-z]|[\s\S])|\(\?[:=!]|[?*+]\?|{\d+(?:,\d*)?}\??)/,"class":/^(?:\\(?:[0-3][0-7]{0,2}|[4-7][0-7]?|x[\dA-Fa-f]{2}|u[\dA-Fa-f]{4}|c[A-Za-z]|[\s\S]))/},et=/\$(?:{([\w$]+)}|(\d\d?|[\s\S]))/g,h=/([\s\S])(?=[\s\S]*\1)/g,nt=/^(?:[?*+]|{\d+(?:,\d*)?})\??/,ft=i.exec.call(/()??/,"")[1]===n,l=RegExp.prototype.sticky!==n,y=!1,w="gim"+(l?"y":"");return t=function(r,u){if(t.isRegExp(r)){if(u!==n)throw new TypeError("can't supply flags when constructing one RegExp from another");return o(r)}if(y)throw new Error("can't call the XRegExp constructor within token definition functions");var l=[],a=e,b={hasNamedCapture:!1,captureNames:[],hasFlag:function(n){return u.indexOf(n)>-1}},f=0,c,s,p;if(r=r===n?"":String(r),u=u===n?"":String(u),i.match.call(u,h))throw new SyntaxError("invalid duplicate regular expression flag");for(r=i.replace.call(r,/^\(\?([\w$]+)\)/,function(n,t){if(i.test.call(/[gy]/,t))throw new SyntaxError("can't use flag g or y in mode modifier");return u=i.replace.call(u+t,h,""),""}),t.forEach(u,/[\s\S]/,function(n){if(w.indexOf(n[0])<0)throw new SyntaxError("invalid regular expression flag "+n[0]);});f"}else if(i)return"\\"+(+i+f);return n},e=[],r,u;if(!(s(n,"array")&&n.length))throw new TypeError("patterns must be a nonempty array");for(u=0;u1&&a(r,"")>-1&&(e=new RegExp(this.source,i.replace.call(g(this),"g","")),i.replace.call(String(t).slice(r.index),e,function(){for(var t=1;tr.index&&(this.lastIndex=r.index)}return this.global||(this.lastIndex=o),r},r.test=function(n){return!!r.exec.call(this,n)},r.match=function(n){if(t.isRegExp(n)){if(n.global){var u=i.match.apply(this,arguments);return n.lastIndex=0,u}}else n=new RegExp(n);return r.exec.call(n,this)},r.replace=function(n,r){var e=t.isRegExp(n),u,f,h,o;return e?(n.xregexp&&(u=n.xregexp.captureNames),n.global||(o=n.lastIndex)):n+="",s(r,"function")?f=i.replace.call(String(this),n,function(){var t=arguments,i;if(u)for(t[0]=new String(t[0]),i=0;in.length-3)throw new SyntaxError("backreference to undefined group "+t);return n[r]||""}throw new SyntaxError("invalid token "+t);})})),e&&(n.lastIndex=n.global?0:o),f},r.split=function(r,u){if(!t.isRegExp(r))return i.split.apply(this,arguments);var e=String(this),h=r.lastIndex,f=[],o=0,s;return u=(u===n?-1:u)>>>0,t.forEach(e,r,function(n){n.index+n[0].length>o&&(f.push(e.slice(o,n.index)),n.length>1&&n.indexu?f.slice(0,u):f},u=c.on,u(/\\([ABCE-RTUVXYZaeg-mopqyz]|c(?![A-Za-z])|u(?![\dA-Fa-f]{4})|x(?![\dA-Fa-f]{2}))/,function(n,t){if(n[1]==="B"&&t===e)return n[0];throw new SyntaxError("invalid escape "+n[0]);},{scope:"all"}),u(/\[(\^?)]/,function(n){return n[1]?"[\\s\\S]":"\\b\\B"}),u(/(?:\(\?#[^)]*\))+/,function(n){return i.test.call(nt,n.input.slice(n.index+n[0].length))?"":"(?:)"}),u(/\\k<([\w$]+)>/,function(n){var t=isNaN(n[1])?a(this.captureNames,n[1])+1:+n[1],i=n.index+n[0].length;if(!t||t>this.captureNames.length)throw new SyntaxError("backreference to undefined group "+n[0]);return"\\"+t+(i===n.input.length||isNaN(n.input.charAt(i))?"":"(?:)")}),u(/(?:\s+|#.*)+/,function(n){return i.test.call(nt,n.input.slice(n.index+n[0].length))?"":"(?:)"},{trigger:function(){return this.hasFlag("x")},customFlags:"x"}),u(/\./,function(){return"[\\s\\S]"},{trigger:function(){return this.hasFlag("s")},customFlags:"s"}),u(/\(\?P?<([\w$]+)>/,function(n){if(!isNaN(n[1]))throw new SyntaxError("can't use integer as capture name "+n[0]);return this.captureNames.push(n[1]),this.hasNamedCapture=!0,"("}),u(/\\(\d+)/,function(n,t){if(!(t===e&&/^[1-9]/.test(n[1])&&+n[1]<=this.captureNames.length)&&n[1]!=="0")throw new SyntaxError("can't use octal escape or backreference to undefined group "+n[0]);return n[0]},{scope:"all"}),u(/\((?!\?)/,function(){return this.hasFlag("n")?"(?:":(this.captureNames.push(null),"(")},{customFlags:"n"}),typeof exports!="undefined"&&(exports.XRegExp=t),t}() + + +/*! + * SyntaxHighlighter by Alex Gorbatchev + * https://github.com/alexgorbatchev/SyntaxHighlighter - MIT license + */ + +// +// Begin anonymous function. This is used to contain local scope variables without polutting global scope. +// +if (typeof(SyntaxHighlighter) == 'undefined') var SyntaxHighlighter = function() { + +// CommonJS +if (typeof(require) != 'undefined' && typeof(XRegExp) == 'undefined') +{ + XRegExp = require('xregexp').XRegExp; +} + +// Shortcut object which will be assigned to the SyntaxHighlighter variable. +// This is a shorthand for local reference in order to avoid long namespace +// references to SyntaxHighlighter.whatever... +var sh = { + defaults : { + /** Additional CSS class names to be added to highlighter elements. */ + 'class-name' : '', + + /** First line number. */ + 'first-line' : 1, + + /** + * Pads line numbers. Possible values are: + * + * false - don't pad line numbers. + * true - automaticaly pad numbers with minimum required number of leading zeroes. + * [int] - length up to which pad line numbers. + */ + 'pad-line-numbers' : false, + + /** Lines to highlight. */ + 'highlight' : null, + + /** Title to be displayed above the code block. */ + 'title' : null, + + /** Enables or disables smart tabs. */ + 'smart-tabs' : true, + + /** Gets or sets tab size. */ + 'tab-size' : 4, + + /** Enables or disables gutter. */ + 'gutter' : true, + + /** Enables or disables toolbar. */ + 'toolbar' : true, + + /** Enables quick code copy and paste from double click. */ + 'quick-code' : true, + + /** Forces code view to be collapsed. */ + 'collapse' : false, + + /** Enables or disables automatic links. */ + 'auto-links' : true, + + /** Gets or sets light mode. Equavalent to turning off gutter and toolbar. */ + 'light' : false, + + 'unindent' : true, + + 'html-script' : false + }, + + config : { + space : ' ', + + /** Enables use of + + + + + + + +

+
+

DataTables example Custom HTTP variables

+ +
+

It can often be useful to send extra information to the server when utilising DataTables' server-side processing option. This is done by using the ajaxDT option's data + parameter which can be used in one of two different ways:

+ +
    +
  • object - An object data to send to the server. This is useful for adding static data to the request.
    • +
  • function - A function which will manipulate the data object to send to the server, adding values as required. Using the data + parameter as a function allows the additional data to evaluated and added to the request at the time the request is made.
    • +
+ +

The example below shows server-side processing being used with an extra parameter being sent to the server by using the ajax.data option as a + function.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeStart dateSalary
First nameLast namePositionOfficeStart dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "processing": true, + "serverSide": true, + "ajax": { + "url": "scripts/server_processing.php", + "data": function ( d ) { + d.myKey = "myValue"; + // d.custom = $('#myInput').val(); + // etc + } + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/defer_loading.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/defer_loading.html new file mode 100644 index 0000000..7599a0c --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/defer_loading.html @@ -0,0 +1,370 @@ + + + + + + + + DataTables example - Deferred loading of data + + + + + + + + + + + + +
+
+

DataTables example Deferred loading of data

+ +
+

When using DataTables with server-side processing, the default behaviour is to have DataTables automatically make an Ajax call and load the data, removing + anything which might have already been in the table. However, this behaviour might not always be desirable when the first page of the table has already been + preloaded in the HTML (which you might do to ensure accessibility or for performance reasons).

+ +

This automatic Ajax call to get the first page of data can be overridden by using the deferLoadingDT initialisation property. It serves two purposes, firstly to indicate that + deferred loading is required, but also to tell DataTables how many records there are in the full table, in this case 57 (this allows the information element and + pagination to be displayed correctly).

+ +

In the example below, the HTML page already has the first 10 rows of data available it in, so we use deferLoadingDT to tell + DataTables that this data is available and that it should wait for under interaction (ordering, paging etc) before making an Ajax call.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeStart dateSalary
First nameLast namePositionOfficeStart dateSalary
AiriSatouAccountantTokyo28th Nov 08$162,700
AngelicaRamosChief Executive Officer (CEO)London9th Oct 09$1,200,000
AshtonCoxJunior Technical AuthorSan Francisco12th Jan 09$86,000
BradleyGreerSoftware EngineerLondon13th Oct 12$132,000
BrendenWagnerSoftware EngineerSan Francisco7th Jun 11$206,850
BrielleWilliamsonIntegration SpecialistNew York2nd Dec 12$372,000
BrunoNashSoftware EngineerLondon3rd May 11$163,500
CaesarVancePre-Sales SupportNew York12th Dec 11$106,450
CaraStevensSales AssistantNew York6th Dec 11$145,600
CedricKellySenior Javascript DeveloperEdinburgh29th Mar 12$433,060
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "processing": true, + "serverSide": true, + "ajax": "scripts/server_processing.php", + "deferLoading": 57 + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/ids.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/ids.html new file mode 100644 index 0000000..1f5da96 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/ids.html @@ -0,0 +1,305 @@ + + + + + + + + DataTables example - Automatic addition of row ID attributes + + + + + + + + + + + + +
+
+

DataTables example Automatic addition of row ID attributes

+ +
+

Often when using server-side processing you will find that it can be useful to have a specific ID on each row (the primary key value from the database for + example). By assigning the ID you want to apply to each row using the property DT_RowId of the data source object for each row, DataTables will + automatically add it for you.

+ +

In addition to DT_RowId there are two other properties which perform similar actions: DT_RowClass and DT_RowData:

+ +
    +
  • {string} DT_RowId - Add an ID to the TR element
    • +
  • {string} DT_RowClass - Add a class name to the TR element
    • +
  • {object} DT_RowData - Add HTML5 data- attributes to the TR element. This is an object of key / value pairs which are + assigned as data attributes to the TR element.
    • +
+ +

This example below shows DT_RowId being used to add information to the table. In addition objects are used as the data source for the rows.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeStart dateSalary
First nameLast namePositionOfficeStart dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "processing": true, + "serverSide": true, + "ajax": "scripts/ids-objects.php", + "columns": [ + { "data": "first_name" }, + { "data": "last_name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "start_date" }, + { "data": "salary" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/index.html new file mode 100644 index 0000000..f7e73b1 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/index.html @@ -0,0 +1,71 @@ + + + + + + + + + + + + + DataTables examples - Server-side processing + + + +
+
+

DataTables example Server-side processing

+ +
+

There are many ways to get your data into DataTables, and if you are working with seriously large databases, you might want to consider using the server-side + options that DataTables provides. With server-side processing enabled, all paging, searching, ordering etc actions that DataTables performs are handed off to a + server where an SQL engine (or similar) can perform these actions on the large data set (after all, that's what the database engine is designed for!). As such, + each draw of the table will result in a new Ajax request being made to get the required data.

+ +

Server-side processing is enabled by setting the serverSideDT option to true and providing an Ajax data source through the ajaxDT option.

+ +

The examples in this section shows server-side processing in use and how it can be customised to suit your needs.

+
+
+
+ +
+
+
+ +
+
+
+

Server-side

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/jsonp.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/jsonp.html new file mode 100644 index 0000000..69c0e55 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/jsonp.html @@ -0,0 +1,294 @@ + + + + + + + + DataTables example - JSONP data source for remote domains + + + + + + + + + + + + +
+
+

DataTables example JSONP data source for remote domains

+ +
+

JSONP is one of several methods to allow the use of JSON data from any server + (browsers have XSS protection rules which will block standard Ajax requests to remote source for security reasons). Using JSONP allows DataTables to load + server-side sourced data from any domain and is quite simply done with the dataType option of the ajaxDT initialisation option.

+ +

When given as an object, the ajaxDT option maps directly onto the jQuery ajax + options (i.e. any option that can be used in jQuery's Ajax function can also be used in DataTable's ajaxDT option).

+ +

The example below shows ajaxDT being used with the dataType option set to retrieve JSONP data for server-side + processing in DataTables.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeStart dateSalary
First nameLast namePositionOfficeStart dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "processing": true, + "serverSide": true, + "ajax": { + "url": "scripts/jsonp.php", + "dataType": "jsonp" + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/object_data.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/object_data.html new file mode 100644 index 0000000..cd92ecf --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/object_data.html @@ -0,0 +1,298 @@ + + + + + + + + DataTables example - Object data source + + + + + + + + + + + + +
+
+

DataTables example Object data source

+ +
+

The default data format that DataTables expects for server-side processing is a 2D array of data (rows by columns). However, this is often not flexible enough + for either the server-side environment, or you might want to convey more information in the data source than is necessary to show in the table (row IDs from the + database for example). For these situations DataTables supports the reading of data for objects as well as arrays.

+ +

In this example the server responds with an array of objects, where DataTables will look up and use each property that is specified by the columns.dataDT property + given for each column.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeStart dateSalary
First nameLast namePositionOfficeStart dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "processing": true, + "serverSide": true, + "ajax": "scripts/objects.php", + "columns": [ + { "data": "first_name" }, + { "data": "last_name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "start_date" }, + { "data": "salary" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/pipeline.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/pipeline.html new file mode 100644 index 0000000..419ccf6 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/pipeline.html @@ -0,0 +1,530 @@ + + + + + + + + DataTables example - Pipelining data to reduce Ajax calls for paging + + + + + + + + + + + + +
+
+

DataTables example Pipelining data to reduce Ajax calls for paging

+ +
+

Sever-side processing can be quite hard on your server, since it makes an Ajax call to the server for every draw request that is made. On sites with a large + number of page views, you could potentially end up DDoSing your own server with your own applications!

+ +

This example shows one technique to reduce the number of Ajax calls that are made to the server by caching more data than is needed for each draw. This is done + by intercepting the Ajax call and routing it through a data cache control; using the data from the cache if available, and making the Ajax request if not. This + intercept of the Ajax request is performed by giving the ajaxDT option as a function. This function then performs the logic of deciding if another Ajax call is + needed, or if data from the cache can be used.

+ +

Keep in mind that this caching is for paging only; the pipeline must be cleared for other interactions such as ordering and searching since the full data set, + when using server-side processing, is only available at the server.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeStart dateSalary
First nameLast namePositionOfficeStart dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

// +// Pipelining function for DataTables. To be used to the `ajax` option of DataTables +// +$.fn.dataTable.pipeline = function ( opts ) { + // Configuration options + var conf = $.extend( { + pages: 5, // number of pages to cache + url: '', // script url + data: null, // function or object with parameters to send to the server + // matching how `ajax.data` works in DataTables + method: 'GET' // Ajax HTTP method + }, opts ); + + // Private variables for storing the cache + var cacheLower = -1; + var cacheUpper = null; + var cacheLastRequest = null; + var cacheLastJson = null; + + return function ( request, drawCallback, settings ) { + var ajax = false; + var requestStart = request.start; + var drawStart = request.start; + var requestLength = request.length; + var requestEnd = requestStart + requestLength; + + if ( settings.clearCache ) { + // API requested that the cache be cleared + ajax = true; + settings.clearCache = false; + } + else if ( cacheLower < 0 || requestStart < cacheLower || requestEnd > cacheUpper ) { + // outside cached data - need to make a request + ajax = true; + } + else if ( JSON.stringify( request.order ) !== JSON.stringify( cacheLastRequest.order ) || + JSON.stringify( request.columns ) !== JSON.stringify( cacheLastRequest.columns ) || + JSON.stringify( request.search ) !== JSON.stringify( cacheLastRequest.search ) + ) { + // properties changed (ordering, columns, searching) + ajax = true; + } + + // Store the request for checking next time around + cacheLastRequest = $.extend( true, {}, request ); + + if ( ajax ) { + // Need data from the server + if ( requestStart < cacheLower ) { + requestStart = requestStart - (requestLength*(conf.pages-1)); + + if ( requestStart < 0 ) { + requestStart = 0; + } + } + + cacheLower = requestStart; + cacheUpper = requestStart + (requestLength * conf.pages); + + request.start = requestStart; + request.length = requestLength*conf.pages; + + // Provide the same `data` options as DataTables. + if ( $.isFunction ( conf.data ) ) { + // As a function it is executed with the data object as an arg + // for manipulation. If an object is returned, it is used as the + // data object to submit + var d = conf.data( request ); + if ( d ) { + $.extend( request, d ); + } + } + else if ( $.isPlainObject( conf.data ) ) { + // As an object, the data given extends the default + $.extend( request, conf.data ); + } + + settings.jqXHR = $.ajax( { + "type": conf.method, + "url": conf.url, + "data": request, + "dataType": "json", + "cache": false, + "success": function ( json ) { + cacheLastJson = $.extend(true, {}, json); + + if ( cacheLower != drawStart ) { + json.data.splice( 0, drawStart-cacheLower ); + } + json.data.splice( requestLength, json.data.length ); + + drawCallback( json ); + } + } ); + } + else { + json = $.extend( true, {}, cacheLastJson ); + json.draw = request.draw; // Update the echo for each response + json.data.splice( 0, requestStart-cacheLower ); + json.data.splice( requestLength, json.data.length ); + + drawCallback(json); + } + } +}; + +// Register an API method that will empty the pipelined data, forcing an Ajax +// fetch on the next draw (i.e. `table.clearPipeline().draw()`) +$.fn.dataTable.Api.register( 'clearPipeline()', function () { + return this.iterator( 'table', function ( settings ) { + settings.clearCache = true; + } ); +} ); + + +// +// DataTables initialisation +// +$(document).ready(function() { + $('#example').dataTable( { + "processing": true, + "serverSide": true, + "ajax": $.fn.dataTable.pipeline( { + url: 'scripts/server_processing.php', + pages: 5 // number of pages to cache + } ) + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/post.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/post.html new file mode 100644 index 0000000..4590b2b --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/post.html @@ -0,0 +1,310 @@ + + + + + + + + DataTables example - POST data + + + + + + + + + + + + +
+
+

DataTables example POST data

+ +
+

By default, the Ajax request that DataTables makes to obtain server-side processing data is an HTTP GET request. However, there are times when you might wish to + use POST. This is very easily done by using the type option of the ajaxDT initialisation option.

+ +

When given as an object, the ajaxDT option maps directly onto the jQuery ajax + options (i.e. any option that can be used in jQuery's Ajax function can also be used in DataTable's ajaxDT option).

+ +

The example below shows ajaxDT being used with the type option set to POST to make a POST request.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeStart dateSalary
First nameLast namePositionOfficeStart dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "processing": true, + "serverSide": true, + "ajax": { + "url": "scripts/post.php", + "type": "POST" + }, + "columns": [ + { "data": "first_name" }, + { "data": "last_name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "start_date" }, + { "data": "salary" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/row_details.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/row_details.html new file mode 100644 index 0000000..c72244b --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/row_details.html @@ -0,0 +1,410 @@ + + + + + + + + DataTables example - Row details + + + + + + + + + + + + +
+
+

DataTables example Row details

+ +
+

This example shows the use of DataTables' ability to show and hide child rows which are attached to a parent row in the host table. This is often used to show + additional information about a row, particularly when you wish to convey more information about a row than there is space for in the host table.

+ +

The example below shows server-side processing being used with the first column having an event listener attached to it which will toggle the child row's + display. This is set up using columns.dataDT and columns.defaultContentDT, in combination with CSS to show an empty cell with a background + image which can be clicked upon.

+ +

The event handler makes use of the row().childDT methods to firstly check if a row is already displayed, and if so hide it, if not show it. The + content of the child row is, in this example, defined by the format() function, but you would replace that with whatever you wanted to show the + content required, possibly including, for example, an Ajax call to the server to obtain the extra information to show. Note that the format details function has + access to the full data source object for the row, including information that is not actually shown in the table (the salary parameter for example).

+ +

Furthermore, this example shows a small difference from the client-side row details example in that to have rows + automatically reopen when the table is redrawn, we need to track a unique identifier for each row - in this case the row id. This is required because + in server-side processing mode rows are automatically destroyed and recreated on each draw.

+
+ + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOffice
First nameLast namePositionOffice
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

function format ( d ) { + return 'Full name: '+d.first_name+' '+d.last_name+'<br>'+ + 'Salary: '+d.salary+'<br>'+ + 'The child row can contain any data you wish, including links, images, inner tables etc.'; +} + +$(document).ready(function() { + var dt = $('#example').DataTable( { + "processing": true, + "serverSide": true, + "ajax": "scripts/ids-objects.php", + "columns": [ + { + "class": "details-control", + "orderable": false, + "data": null, + "defaultContent": "" + }, + { "data": "first_name" }, + { "data": "last_name" }, + { "data": "position" }, + { "data": "office" } + ], + "order": [[1, 'asc']] + } ); + + // Array to track the ids of the details displayed rows + var detailRows = []; + + $('#example tbody').on( 'click', 'tr td:first-child', function () { + var tr = $(this).closest('tr'); + var row = dt.row( tr ); + var idx = $.inArray( tr.attr('id'), detailRows ); + + if ( row.child.isShown() ) { + tr.removeClass( 'details' ); + row.child.hide(); + + // Remove from the 'open' array + detailRows.splice( idx, 1 ); + } + else { + tr.addClass( 'details' ); + row.child( format( row.data() ) ).show(); + + // Add to the 'open' array + if ( idx === -1 ) { + detailRows.push( tr.attr('id') ); + } + } + } ); + + // On each draw, loop over the `detailRows` array and show any child rows + dt.on( 'draw', function () { + $.each( detailRows, function ( i, id ) { + $('#'+id+' td:first-child').trigger( 'click' ); + } ); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

td.details-control { + background: url('../resources/details_open.png') no-repeat center center; + cursor: pointer; +} +tr.details td.details-control { + background: url('../resources/details_close.png') no-repeat center center; +} +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/ids-arrays.php b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/ids-arrays.php new file mode 100644 index 0000000..29439e1 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/ids-arrays.php @@ -0,0 +1,81 @@ + 'id', + 'dt' => 'DT_RowId', + 'formatter' => function( $d, $row ) { + // Technically a DOM id cannot start with an integer, so we prefix + // a string. This can also be useful if you have multiple tables + // to ensure that the id is unique with a different prefix + return 'row_'.$d; + } + ), + array( 'db' => 'first_name', 'dt' => 0 ), + array( 'db' => 'last_name', 'dt' => 1 ), + array( 'db' => 'position', 'dt' => 2 ), + array( 'db' => 'office', 'dt' => 3 ), + array( + 'db' => 'start_date', + 'dt' => 4, + 'formatter' => function( $d, $row ) { + return date( 'jS M y', strtotime($d)); + } + ), + array( + 'db' => 'salary', + 'dt' => 5, + 'formatter' => function( $d, $row ) { + return '$'.number_format($d); + } + ) +); + +// SQL server connection information +$sql_details = array( + 'user' => '', + 'pass' => '', + 'db' => '', + 'host' => '' +); + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP + * server-side, there is no need to edit below this line. + */ + +require( 'ssp.class.php' ); + +echo json_encode( + SSP::simple( $_GET, $sql_details, $table, $primaryKey, $columns ) +); + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/ids-objects.php b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/ids-objects.php new file mode 100644 index 0000000..920c19e --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/ids-objects.php @@ -0,0 +1,80 @@ + 'id', + 'dt' => 'DT_RowId', + 'formatter' => function( $d, $row ) { + // Technically a DOM id cannot start with an integer, so we prefix + // a string. This can also be useful if you have multiple tables + // to ensure that the id is unique with a different prefix + return 'row_'.$d; + } + ), + array( 'db' => 'first_name', 'dt' => 'first_name' ), + array( 'db' => 'last_name', 'dt' => 'last_name' ), + array( 'db' => 'position', 'dt' => 'position' ), + array( 'db' => 'office', 'dt' => 'office' ), + array( + 'db' => 'start_date', + 'dt' => 'start_date', + 'formatter' => function( $d, $row ) { + return date( 'jS M y', strtotime($d)); + } + ), + array( + 'db' => 'salary', + 'dt' => 'salary', + 'formatter' => function( $d, $row ) { + return '$'.number_format($d); + } + ) +); + +$sql_details = array( + 'user' => '', + 'pass' => '', + 'db' => '', + 'host' => '' +); + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP + * server-side, there is no need to edit below this line. + */ + +require( 'ssp.class.php' ); + +echo json_encode( + SSP::simple( $_GET, $sql_details, $table, $primaryKey, $columns ) +); + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/jsonp.php b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/jsonp.php new file mode 100644 index 0000000..f0d16b8 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/jsonp.php @@ -0,0 +1,69 @@ + 'first_name', 'dt' => 0 ), + array( 'db' => 'last_name', 'dt' => 1 ), + array( 'db' => 'position', 'dt' => 2 ), + array( 'db' => 'office', 'dt' => 3 ), + array( + 'db' => 'start_date', + 'dt' => 4, + 'formatter' => function( $d, $row ) { + return date( 'jS M y', strtotime($d)); + } + ), + array( + 'db' => 'salary', + 'dt' => 5, + 'formatter' => function( $d, $row ) { + return '$'.number_format($d); + } + ) +); + +$sql_details = array( + 'user' => '', + 'pass' => '', + 'db' => '', + 'host' => '' +); + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP + * server-side, there is no need to edit below this line. + */ +require( 'ssp.class.php' ); + +echo $_GET['callback'].'('.json_encode( + SSP::simple( $_GET, $sql_details, $table, $primaryKey, $columns ) +).');'; + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/mysql.sql b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/mysql.sql new file mode 100644 index 0000000..3e57288 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/mysql.sql @@ -0,0 +1,80 @@ +-- +-- DataTables Ajax and server-side processing database (MySQL) +-- + +DROP TABLE IF EXISTS `datatables_demo`; + +CREATE TABLE `datatables_demo` ( + `id` int(10) NOT NULL auto_increment, + `first_name` varchar(250) NOT NULL default '', + `last_name` varchar(250) NOT NULL default '', + `position` varchar(250) NOT NULL default '', + `email` varchar(250) NOT NULL default '', + `office` varchar(250) NOT NULL default '', + `start_date` timestamp DEFAULT CURRENT_TIMESTAMP, + `age` int(8), + `salary` int(8), + `extn` varchar(8) NOT NULL default '', + PRIMARY KEY (`id`) +); + +INSERT INTO `datatables_demo` + ( id, first_name, last_name, age, position, salary, start_date, extn, email, office ) + VALUES + ( 1, 'Tiger', 'Nixon', 61, 'System Architect', 320800, '2011/04/25', 5421, 't.nixon@datatables.net', 'Edinburgh' ), + ( 2, 'Garrett', 'Winters', 63, 'Accountant', 170750, '2011/07/25', 8422, 'g.winters@datatables.net', 'Tokyo' ), + ( 3, 'Ashton', 'Cox', 66, 'Junior Technical Author', 86000, '2009/01/12', 1562, 'a.cox@datatables.net', 'San Francisco' ), + ( 4, 'Cedric', 'Kelly', 22, 'Senior Javascript Developer', 433060, '2012/03/29', 6224, 'c.kelly@datatables.net', 'Edinburgh' ), + ( 5, 'Airi', 'Satou', 33, 'Accountant', 162700, '2008/11/28', 5407, 'a.satou@datatables.net', 'Tokyo' ), + ( 6, 'Brielle', 'Williamson', 61, 'Integration Specialist', 372000, '2012/12/02', 4804, 'b.williamson@datatables.net', 'New York' ), + ( 7, 'Herrod', 'Chandler', 59, 'Sales Assistant', 137500, '2012/08/06', 9608, 'h.chandler@datatables.net', 'San Francisco' ), + ( 8, 'Rhona', 'Davidson', 55, 'Integration Specialist', 327900, '2010/10/14', 6200, 'r.davidson@datatables.net', 'Tokyo' ), + ( 9, 'Colleen', 'Hurst', 39, 'Javascript Developer', 205500, '2009/09/15', 2360, 'c.hurst@datatables.net', 'San Francisco' ), + ( 10, 'Sonya', 'Frost', 23, 'Software Engineer', 103600, '2008/12/13', 1667, 's.frost@datatables.net', 'Edinburgh' ), + ( 11, 'Jena', 'Gaines', 30, 'Office Manager', 90560, '2008/12/19', 3814, 'j.gaines@datatables.net', 'London' ), + ( 12, 'Quinn', 'Flynn', 22, 'Support Lead', 342000, '2013/03/03', 9497, 'q.flynn@datatables.net', 'Edinburgh' ), + ( 13, 'Charde', 'Marshall', 36, 'Regional Director', 470600, '2008/10/16', 6741, 'c.marshall@datatables.net', 'San Francisco' ), + ( 14, 'Haley', 'Kennedy', 43, 'Senior Marketing Designer', 313500, '2012/12/18', 3597, 'h.kennedy@datatables.net', 'London' ), + ( 15, 'Tatyana', 'Fitzpatrick', 19, 'Regional Director', 385750, '2010/03/17', 1965, 't.fitzpatrick@datatables.net', 'London' ), + ( 16, 'Michael', 'Silva', 66, 'Marketing Designer', 198500, '2012/11/27', 1581, 'm.silva@datatables.net', 'London' ), + ( 17, 'Paul', 'Byrd', 64, 'Chief Financial Officer (CFO)', 725000, '2010/06/09', 3059, 'p.byrd@datatables.net', 'New York' ), + ( 18, 'Gloria', 'Little', 59, 'Systems Administrator', 237500, '2009/04/10', 1721, 'g.little@datatables.net', 'New York' ), + ( 19, 'Bradley', 'Greer', 41, 'Software Engineer', 132000, '2012/10/13', 2558, 'b.greer@datatables.net', 'London' ), + ( 20, 'Dai', 'Rios', 35, 'Personnel Lead', 217500, '2012/09/26', 2290, 'd.rios@datatables.net', 'Edinburgh' ), + ( 21, 'Jenette', 'Caldwell', 30, 'Development Lead', 345000, '2011/09/03', 1937, 'j.caldwell@datatables.net', 'New York' ), + ( 22, 'Yuri', 'Berry', 40, 'Chief Marketing Officer (CMO)', 675000, '2009/06/25', 6154, 'y.berry@datatables.net', 'New York' ), + ( 23, 'Caesar', 'Vance', 21, 'Pre-Sales Support', 106450, '2011/12/12', 8330, 'c.vance@datatables.net', 'New York' ), + ( 24, 'Doris', 'Wilder', 23, 'Sales Assistant', 85600, '2010/09/20', 3023, 'd.wilder@datatables.net', 'Sidney' ), + ( 25, 'Angelica', 'Ramos', 47, 'Chief Executive Officer (CEO)', 1200000, '2009/10/09', 5797, 'a.ramos@datatables.net', 'London' ), + ( 26, 'Gavin', 'Joyce', 42, 'Developer', 92575, '2010/12/22', 8822, 'g.joyce@datatables.net', 'Edinburgh' ), + ( 27, 'Jennifer', 'Chang', 28, 'Regional Director', 357650, '2010/11/14', 9239, 'j.chang@datatables.net', 'Singapore' ), + ( 28, 'Brenden', 'Wagner', 28, 'Software Engineer', 206850, '2011/06/07', 1314, 'b.wagner@datatables.net', 'San Francisco' ), + ( 29, 'Fiona', 'Green', 48, 'Chief Operating Officer (COO)', 850000, '2010/03/11', 2947, 'f.green@datatables.net', 'San Francisco' ), + ( 30, 'Shou', 'Itou', 20, 'Regional Marketing', 163000, '2011/08/14', 8899, 's.itou@datatables.net', 'Tokyo' ), + ( 31, 'Michelle', 'House', 37, 'Integration Specialist', 95400, '2011/06/02', 2769, 'm.house@datatables.net', 'Sidney' ), + ( 32, 'Suki', 'Burks', 53, 'Developer', 114500, '2009/10/22', 6832, 's.burks@datatables.net', 'London' ), + ( 33, 'Prescott', 'Bartlett', 27, 'Technical Author', 145000, '2011/05/07', 3606, 'p.bartlett@datatables.net', 'London' ), + ( 34, 'Gavin', 'Cortez', 22, 'Team Leader', 235500, '2008/10/26', 2860, 'g.cortez@datatables.net', 'San Francisco' ), + ( 35, 'Martena', 'Mccray', 46, 'Post-Sales support', 324050, '2011/03/09', 8240, 'm.mccray@datatables.net', 'Edinburgh' ), + ( 36, 'Unity', 'Butler', 47, 'Marketing Designer', 85675, '2009/12/09', 5384, 'u.butler@datatables.net', 'San Francisco' ), + ( 37, 'Howard', 'Hatfield', 51, 'Office Manager', 164500, '2008/12/16', 7031, 'h.hatfield@datatables.net', 'San Francisco' ), + ( 38, 'Hope', 'Fuentes', 41, 'Secretary', 109850, '2010/02/12', 6318, 'h.fuentes@datatables.net', 'San Francisco' ), + ( 39, 'Vivian', 'Harrell', 62, 'Financial Controller', 452500, '2009/02/14', 9422, 'v.harrell@datatables.net', 'San Francisco' ), + ( 40, 'Timothy', 'Mooney', 37, 'Office Manager', 136200, '2008/12/11', 7580, 't.mooney@datatables.net', 'London' ), + ( 41, 'Jackson', 'Bradshaw', 65, 'Director', 645750, '2008/09/26', 1042, 'j.bradshaw@datatables.net', 'New York' ), + ( 42, 'Olivia', 'Liang', 64, 'Support Engineer', 234500, '2011/02/03', 2120, 'o.liang@datatables.net', 'Singapore' ), + ( 43, 'Bruno', 'Nash', 38, 'Software Engineer', 163500, '2011/05/03', 6222, 'b.nash@datatables.net', 'London' ), + ( 44, 'Sakura', 'Yamamoto', 37, 'Support Engineer', 139575, '2009/08/19', 9383, 's.yamamoto@datatables.net', 'Tokyo' ), + ( 45, 'Thor', 'Walton', 61, 'Developer', 98540, '2013/08/11', 8327, 't.walton@datatables.net', 'New York' ), + ( 46, 'Finn', 'Camacho', 47, 'Support Engineer', 87500, '2009/07/07', 2927, 'f.camacho@datatables.net', 'San Francisco' ), + ( 47, 'Serge', 'Baldwin', 64, 'Data Coordinator', 138575, '2012/04/09', 8352, 's.baldwin@datatables.net', 'Singapore' ), + ( 48, 'Zenaida', 'Frank', 63, 'Software Engineer', 125250, '2010/01/04', 7439, 'z.frank@datatables.net', 'New York' ), + ( 49, 'Zorita', 'Serrano', 56, 'Software Engineer', 115000, '2012/06/01', 4389, 'z.serrano@datatables.net', 'San Francisco' ), + ( 50, 'Jennifer', 'Acosta', 43, 'Junior Javascript Developer', 75650, '2013/02/01', 3431, 'j.acosta@datatables.net', 'Edinburgh' ), + ( 51, 'Cara', 'Stevens', 46, 'Sales Assistant', 145600, '2011/12/06', 3990, 'c.stevens@datatables.net', 'New York' ), + ( 52, 'Hermione', 'Butler', 47, 'Regional Director', 356250, '2011/03/21', 1016, 'h.butler@datatables.net', 'London' ), + ( 53, 'Lael', 'Greer', 21, 'Systems Administrator', 103500, '2009/02/27', 6733, 'l.greer@datatables.net', 'London' ), + ( 54, 'Jonas', 'Alexander', 30, 'Developer', 86500, '2010/07/14', 8196, 'j.alexander@datatables.net', 'San Francisco' ), + ( 55, 'Shad', 'Decker', 51, 'Regional Director', 183000, '2008/11/13', 6373, 's.decker@datatables.net', 'Edinburgh' ), + ( 56, 'Michael', 'Bruce', 29, 'Javascript Developer', 183000, '2011/06/27', 5384, 'm.bruce@datatables.net', 'Singapore' ), + ( 57, 'Donna', 'Snider', 27, 'Customer Support', 112000, '2011/01/25', 4226, 'd.snider@datatables.net', 'New York' ); \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/objects.php b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/objects.php new file mode 100644 index 0000000..958befc --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/objects.php @@ -0,0 +1,57 @@ + 'first_name', 'dt' => 'first_name' ), + array( 'db' => 'last_name', 'dt' => 'last_name' ), + array( 'db' => 'position', 'dt' => 'position' ), + array( 'db' => 'office', 'dt' => 'office' ), + array( + 'db' => 'start_date', + 'dt' => 'start_date', + 'formatter' => function( $d, $row ) { + return date( 'jS M y', strtotime($d)); + } + ), + array( + 'db' => 'salary', + 'dt' => 'salary', + 'formatter' => function( $d, $row ) { + return '$'.number_format($d); + } + ) +); + +// SQL server connection information +$sql_details = array( + 'user' => '', + 'pass' => '', + 'db' => '', + 'host' => '' +); + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP + * server-side, there is no need to edit below this line. + */ + +require( 'ssp.class.php' ); + +echo json_encode( + SSP::simple( $_GET, $sql_details, $table, $primaryKey, $columns ) +); + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/post.php b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/post.php new file mode 100644 index 0000000..c9e0bcc --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/post.php @@ -0,0 +1,71 @@ + 'first_name', 'dt' => 'first_name' ), + array( 'db' => 'last_name', 'dt' => 'last_name' ), + array( 'db' => 'position', 'dt' => 'position' ), + array( 'db' => 'office', 'dt' => 'office' ), + array( + 'db' => 'start_date', + 'dt' => 'start_date', + 'formatter' => function( $d, $row ) { + return date( 'jS M y', strtotime($d)); + } + ), + array( + 'db' => 'salary', + 'dt' => 'salary', + 'formatter' => function( $d, $row ) { + return '$'.number_format($d); + } + ) +); + +// SQL server connection information +$sql_details = array( + 'user' => '', + 'pass' => '', + 'db' => '', + 'host' => '' +); + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP + * server-side, there is no need to edit below this line. + */ + +require( 'ssp.class.php' ); + +echo json_encode( + SSP::simple( $_POST, $sql_details, $table, $primaryKey, $columns ) +); + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/postgres.sql b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/postgres.sql new file mode 100644 index 0000000..45803fd --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/postgres.sql @@ -0,0 +1,81 @@ +-- +-- DataTables Ajax and server-side processing database (Postgres) +-- +DROP TABLE IF EXISTS datatables_demo; + +CREATE TABLE datatables_demo ( + id serial, + first_name text NOT NULL default '', + last_name text NOT NULL default '', + position text NOT NULL default '', + email text NOT NULL default '', + office text NOT NULL default '', + start_date timestamp without time zone DEFAULT CURRENT_TIMESTAMP, + age integer, + salary integer, + extn text NOT NULL default '', + PRIMARY KEY (id) +); + +INSERT INTO datatables_demo + ( id, first_name, last_name, age, position, salary, start_date, extn, email, office ) + VALUES + ( 1, 'Tiger', 'Nixon', 61, 'System Architect', 320800, '2011/04/25', 5421, 't.nixon@datatables.net', 'Edinburgh' ), + ( 2, 'Garrett', 'Winters', 63, 'Accountant', 170750, '2011/07/25', 8422, 'g.winters@datatables.net', 'Tokyo' ), + ( 3, 'Ashton', 'Cox', 66, 'Junior Technical Author', 86000, '2009/01/12', 1562, 'a.cox@datatables.net', 'San Francisco' ), + ( 4, 'Cedric', 'Kelly', 22, 'Senior Javascript Developer', 433060, '2012/03/29', 6224, 'c.kelly@datatables.net', 'Edinburgh' ), + ( 5, 'Airi', 'Satou', 33, 'Accountant', 162700, '2008/11/28', 5407, 'a.satou@datatables.net', 'Tokyo' ), + ( 6, 'Brielle', 'Williamson', 61, 'Integration Specialist', 372000, '2012/12/02', 4804, 'b.williamson@datatables.net', 'New York' ), + ( 7, 'Herrod', 'Chandler', 59, 'Sales Assistant', 137500, '2012/08/06', 9608, 'h.chandler@datatables.net', 'San Francisco' ), + ( 8, 'Rhona', 'Davidson', 55, 'Integration Specialist', 327900, '2010/10/14', 6200, 'r.davidson@datatables.net', 'Tokyo' ), + ( 9, 'Colleen', 'Hurst', 39, 'Javascript Developer', 205500, '2009/09/15', 2360, 'c.hurst@datatables.net', 'San Francisco' ), + ( 10, 'Sonya', 'Frost', 23, 'Software Engineer', 103600, '2008/12/13', 1667, 's.frost@datatables.net', 'Edinburgh' ), + ( 11, 'Jena', 'Gaines', 30, 'Office Manager', 90560, '2008/12/19', 3814, 'j.gaines@datatables.net', 'London' ), + ( 12, 'Quinn', 'Flynn', 22, 'Support Lead', 342000, '2013/03/03', 9497, 'q.flynn@datatables.net', 'Edinburgh' ), + ( 13, 'Charde', 'Marshall', 36, 'Regional Director', 470600, '2008/10/16', 6741, 'c.marshall@datatables.net', 'San Francisco' ), + ( 14, 'Haley', 'Kennedy', 43, 'Senior Marketing Designer', 313500, '2012/12/18', 3597, 'h.kennedy@datatables.net', 'London' ), + ( 15, 'Tatyana', 'Fitzpatrick', 19, 'Regional Director', 385750, '2010/03/17', 1965, 't.fitzpatrick@datatables.net', 'London' ), + ( 16, 'Michael', 'Silva', 66, 'Marketing Designer', 198500, '2012/11/27', 1581, 'm.silva@datatables.net', 'London' ), + ( 17, 'Paul', 'Byrd', 64, 'Chief Financial Officer (CFO)', 725000, '2010/06/09', 3059, 'p.byrd@datatables.net', 'New York' ), + ( 18, 'Gloria', 'Little', 59, 'Systems Administrator', 237500, '2009/04/10', 1721, 'g.little@datatables.net', 'New York' ), + ( 19, 'Bradley', 'Greer', 41, 'Software Engineer', 132000, '2012/10/13', 2558, 'b.greer@datatables.net', 'London' ), + ( 20, 'Dai', 'Rios', 35, 'Personnel Lead', 217500, '2012/09/26', 2290, 'd.rios@datatables.net', 'Edinburgh' ), + ( 21, 'Jenette', 'Caldwell', 30, 'Development Lead', 345000, '2011/09/03', 1937, 'j.caldwell@datatables.net', 'New York' ), + ( 22, 'Yuri', 'Berry', 40, 'Chief Marketing Officer (CMO)', 675000, '2009/06/25', 6154, 'y.berry@datatables.net', 'New York' ), + ( 23, 'Caesar', 'Vance', 21, 'Pre-Sales Support', 106450, '2011/12/12', 8330, 'c.vance@datatables.net', 'New York' ), + ( 24, 'Doris', 'Wilder', 23, 'Sales Assistant', 85600, '2010/09/20', 3023, 'd.wilder@datatables.net', 'Sidney' ), + ( 25, 'Angelica', 'Ramos', 47, 'Chief Executive Officer (CEO)', 1200000, '2009/10/09', 5797, 'a.ramos@datatables.net', 'London' ), + ( 26, 'Gavin', 'Joyce', 42, 'Developer', 92575, '2010/12/22', 8822, 'g.joyce@datatables.net', 'Edinburgh' ), + ( 27, 'Jennifer', 'Chang', 28, 'Regional Director', 357650, '2010/11/14', 9239, 'j.chang@datatables.net', 'Singapore' ), + ( 28, 'Brenden', 'Wagner', 28, 'Software Engineer', 206850, '2011/06/07', 1314, 'b.wagner@datatables.net', 'San Francisco' ), + ( 29, 'Fiona', 'Green', 48, 'Chief Operating Officer (COO)', 850000, '2010/03/11', 2947, 'f.green@datatables.net', 'San Francisco' ), + ( 30, 'Shou', 'Itou', 20, 'Regional Marketing', 163000, '2011/08/14', 8899, 's.itou@datatables.net', 'Tokyo' ), + ( 31, 'Michelle', 'House', 37, 'Integration Specialist', 95400, '2011/06/02', 2769, 'm.house@datatables.net', 'Sidney' ), + ( 32, 'Suki', 'Burks', 53, 'Developer', 114500, '2009/10/22', 6832, 's.burks@datatables.net', 'London' ), + ( 33, 'Prescott', 'Bartlett', 27, 'Technical Author', 145000, '2011/05/07', 3606, 'p.bartlett@datatables.net', 'London' ), + ( 34, 'Gavin', 'Cortez', 22, 'Team Leader', 235500, '2008/10/26', 2860, 'g.cortez@datatables.net', 'San Francisco' ), + ( 35, 'Martena', 'Mccray', 46, 'Post-Sales support', 324050, '2011/03/09', 8240, 'm.mccray@datatables.net', 'Edinburgh' ), + ( 36, 'Unity', 'Butler', 47, 'Marketing Designer', 85675, '2009/12/09', 5384, 'u.butler@datatables.net', 'San Francisco' ), + ( 37, 'Howard', 'Hatfield', 51, 'Office Manager', 164500, '2008/12/16', 7031, 'h.hatfield@datatables.net', 'San Francisco' ), + ( 38, 'Hope', 'Fuentes', 41, 'Secretary', 109850, '2010/02/12', 6318, 'h.fuentes@datatables.net', 'San Francisco' ), + ( 39, 'Vivian', 'Harrell', 62, 'Financial Controller', 452500, '2009/02/14', 9422, 'v.harrell@datatables.net', 'San Francisco' ), + ( 40, 'Timothy', 'Mooney', 37, 'Office Manager', 136200, '2008/12/11', 7580, 't.mooney@datatables.net', 'London' ), + ( 41, 'Jackson', 'Bradshaw', 65, 'Director', 645750, '2008/09/26', 1042, 'j.bradshaw@datatables.net', 'New York' ), + ( 42, 'Olivia', 'Liang', 64, 'Support Engineer', 234500, '2011/02/03', 2120, 'o.liang@datatables.net', 'Singapore' ), + ( 43, 'Bruno', 'Nash', 38, 'Software Engineer', 163500, '2011/05/03', 6222, 'b.nash@datatables.net', 'London' ), + ( 44, 'Sakura', 'Yamamoto', 37, 'Support Engineer', 139575, '2009/08/19', 9383, 's.yamamoto@datatables.net', 'Tokyo' ), + ( 45, 'Thor', 'Walton', 61, 'Developer', 98540, '2013/08/11', 8327, 't.walton@datatables.net', 'New York' ), + ( 46, 'Finn', 'Camacho', 47, 'Support Engineer', 87500, '2009/07/07', 2927, 'f.camacho@datatables.net', 'San Francisco' ), + ( 47, 'Serge', 'Baldwin', 64, 'Data Coordinator', 138575, '2012/04/09', 8352, 's.baldwin@datatables.net', 'Singapore' ), + ( 48, 'Zenaida', 'Frank', 63, 'Software Engineer', 125250, '2010/01/04', 7439, 'z.frank@datatables.net', 'New York' ), + ( 49, 'Zorita', 'Serrano', 56, 'Software Engineer', 115000, '2012/06/01', 4389, 'z.serrano@datatables.net', 'San Francisco' ), + ( 50, 'Jennifer', 'Acosta', 43, 'Junior Javascript Developer', 75650, '2013/02/01', 3431, 'j.acosta@datatables.net', 'Edinburgh' ), + ( 51, 'Cara', 'Stevens', 46, 'Sales Assistant', 145600, '2011/12/06', 3990, 'c.stevens@datatables.net', 'New York' ), + ( 52, 'Hermione', 'Butler', 47, 'Regional Director', 356250, '2011/03/21', 1016, 'h.butler@datatables.net', 'London' ), + ( 53, 'Lael', 'Greer', 21, 'Systems Administrator', 103500, '2009/02/27', 6733, 'l.greer@datatables.net', 'London' ), + ( 54, 'Jonas', 'Alexander', 30, 'Developer', 86500, '2010/07/14', 8196, 'j.alexander@datatables.net', 'San Francisco' ), + ( 55, 'Shad', 'Decker', 51, 'Regional Director', 183000, '2008/11/13', 6373, 's.decker@datatables.net', 'Edinburgh' ), + ( 56, 'Michael', 'Bruce', 29, 'Javascript Developer', 183000, '2011/06/27', 5384, 'm.bruce@datatables.net', 'Singapore' ), + ( 57, 'Donna', 'Snider', 27, 'Customer Support', 112000, '2011/01/25', 4226, 'd.snider@datatables.net', 'New York' ); + +ALTER SEQUENCE datatables_demo_id_seq RESTART WITH 58; \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/server_processing.php b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/server_processing.php new file mode 100644 index 0000000..afbfc0a --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/server_processing.php @@ -0,0 +1,72 @@ + 'first_name', 'dt' => 0 ), + array( 'db' => 'last_name', 'dt' => 1 ), + array( 'db' => 'position', 'dt' => 2 ), + array( 'db' => 'office', 'dt' => 3 ), + array( + 'db' => 'start_date', + 'dt' => 4, + 'formatter' => function( $d, $row ) { + return date( 'jS M y', strtotime($d)); + } + ), + array( + 'db' => 'salary', + 'dt' => 5, + 'formatter' => function( $d, $row ) { + return '$'.number_format($d); + } + ) +); + +// SQL server connection information +$sql_details = array( + 'user' => '', + 'pass' => '', + 'db' => '', + 'host' => '' +); + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * If you just want to use the basic configuration for DataTables with PHP + * server-side, there is no need to edit below this line. + */ + +require( 'ssp.class.php' ); + +echo json_encode( + SSP::simple( $_GET, $sql_details, $table, $primaryKey, $columns ) +); + + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/sqlite.sql b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/sqlite.sql new file mode 100644 index 0000000..6cecf13 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/sqlite.sql @@ -0,0 +1,78 @@ +-- +-- DataTables Ajax and server-side processing database (SQLite) +-- +DROP TABLE IF EXISTS datatables_demo; + +CREATE TABLE datatables_demo ( + id integer primary key, + first_name text NOT NULL default '', + last_name text NOT NULL default '', + position text NOT NULL default '', + email text NOT NULL default '', + office text NOT NULL default '', + start_date timestamp without time zone DEFAULT CURRENT_TIMESTAMP, + age integer, + salary integer, + extn text NOT NULL default '' +); + +INSERT INTO datatables_demo + ( id, first_name, last_name, age, position, salary, start_date, extn, email, office ) + VALUES + ( 1, 'Tiger', 'Nixon', 61, 'System Architect', 320800, '2011/04/25', 5421, 't.nixon@datatables.net', 'Edinburgh' ), + ( 2, 'Garrett', 'Winters', 63, 'Accountant', 170750, '2011/07/25', 8422, 'g.winters@datatables.net', 'Tokyo' ), + ( 3, 'Ashton', 'Cox', 66, 'Junior Technical Author', 86000, '2009/01/12', 1562, 'a.cox@datatables.net', 'San Francisco' ), + ( 4, 'Cedric', 'Kelly', 22, 'Senior Javascript Developer', 433060, '2012/03/29', 6224, 'c.kelly@datatables.net', 'Edinburgh' ), + ( 5, 'Airi', 'Satou', 33, 'Accountant', 162700, '2008/11/28', 5407, 'a.satou@datatables.net', 'Tokyo' ), + ( 6, 'Brielle', 'Williamson', 61, 'Integration Specialist', 372000, '2012/12/02', 4804, 'b.williamson@datatables.net', 'New York' ), + ( 7, 'Herrod', 'Chandler', 59, 'Sales Assistant', 137500, '2012/08/06', 9608, 'h.chandler@datatables.net', 'San Francisco' ), + ( 8, 'Rhona', 'Davidson', 55, 'Integration Specialist', 327900, '2010/10/14', 6200, 'r.davidson@datatables.net', 'Tokyo' ), + ( 9, 'Colleen', 'Hurst', 39, 'Javascript Developer', 205500, '2009/09/15', 2360, 'c.hurst@datatables.net', 'San Francisco' ), + ( 10, 'Sonya', 'Frost', 23, 'Software Engineer', 103600, '2008/12/13', 1667, 's.frost@datatables.net', 'Edinburgh' ), + ( 11, 'Jena', 'Gaines', 30, 'Office Manager', 90560, '2008/12/19', 3814, 'j.gaines@datatables.net', 'London' ), + ( 12, 'Quinn', 'Flynn', 22, 'Support Lead', 342000, '2013/03/03', 9497, 'q.flynn@datatables.net', 'Edinburgh' ), + ( 13, 'Charde', 'Marshall', 36, 'Regional Director', 470600, '2008/10/16', 6741, 'c.marshall@datatables.net', 'San Francisco' ), + ( 14, 'Haley', 'Kennedy', 43, 'Senior Marketing Designer', 313500, '2012/12/18', 3597, 'h.kennedy@datatables.net', 'London' ), + ( 15, 'Tatyana', 'Fitzpatrick', 19, 'Regional Director', 385750, '2010/03/17', 1965, 't.fitzpatrick@datatables.net', 'London' ), + ( 16, 'Michael', 'Silva', 66, 'Marketing Designer', 198500, '2012/11/27', 1581, 'm.silva@datatables.net', 'London' ), + ( 17, 'Paul', 'Byrd', 64, 'Chief Financial Officer (CFO)', 725000, '2010/06/09', 3059, 'p.byrd@datatables.net', 'New York' ), + ( 18, 'Gloria', 'Little', 59, 'Systems Administrator', 237500, '2009/04/10', 1721, 'g.little@datatables.net', 'New York' ), + ( 19, 'Bradley', 'Greer', 41, 'Software Engineer', 132000, '2012/10/13', 2558, 'b.greer@datatables.net', 'London' ), + ( 20, 'Dai', 'Rios', 35, 'Personnel Lead', 217500, '2012/09/26', 2290, 'd.rios@datatables.net', 'Edinburgh' ), + ( 21, 'Jenette', 'Caldwell', 30, 'Development Lead', 345000, '2011/09/03', 1937, 'j.caldwell@datatables.net', 'New York' ), + ( 22, 'Yuri', 'Berry', 40, 'Chief Marketing Officer (CMO)', 675000, '2009/06/25', 6154, 'y.berry@datatables.net', 'New York' ), + ( 23, 'Caesar', 'Vance', 21, 'Pre-Sales Support', 106450, '2011/12/12', 8330, 'c.vance@datatables.net', 'New York' ), + ( 24, 'Doris', 'Wilder', 23, 'Sales Assistant', 85600, '2010/09/20', 3023, 'd.wilder@datatables.net', 'Sidney' ), + ( 25, 'Angelica', 'Ramos', 47, 'Chief Executive Officer (CEO)', 1200000, '2009/10/09', 5797, 'a.ramos@datatables.net', 'London' ), + ( 26, 'Gavin', 'Joyce', 42, 'Developer', 92575, '2010/12/22', 8822, 'g.joyce@datatables.net', 'Edinburgh' ), + ( 27, 'Jennifer', 'Chang', 28, 'Regional Director', 357650, '2010/11/14', 9239, 'j.chang@datatables.net', 'Singapore' ), + ( 28, 'Brenden', 'Wagner', 28, 'Software Engineer', 206850, '2011/06/07', 1314, 'b.wagner@datatables.net', 'San Francisco' ), + ( 29, 'Fiona', 'Green', 48, 'Chief Operating Officer (COO)', 850000, '2010/03/11', 2947, 'f.green@datatables.net', 'San Francisco' ), + ( 30, 'Shou', 'Itou', 20, 'Regional Marketing', 163000, '2011/08/14', 8899, 's.itou@datatables.net', 'Tokyo' ), + ( 31, 'Michelle', 'House', 37, 'Integration Specialist', 95400, '2011/06/02', 2769, 'm.house@datatables.net', 'Sidney' ), + ( 32, 'Suki', 'Burks', 53, 'Developer', 114500, '2009/10/22', 6832, 's.burks@datatables.net', 'London' ), + ( 33, 'Prescott', 'Bartlett', 27, 'Technical Author', 145000, '2011/05/07', 3606, 'p.bartlett@datatables.net', 'London' ), + ( 34, 'Gavin', 'Cortez', 22, 'Team Leader', 235500, '2008/10/26', 2860, 'g.cortez@datatables.net', 'San Francisco' ), + ( 35, 'Martena', 'Mccray', 46, 'Post-Sales support', 324050, '2011/03/09', 8240, 'm.mccray@datatables.net', 'Edinburgh' ), + ( 36, 'Unity', 'Butler', 47, 'Marketing Designer', 85675, '2009/12/09', 5384, 'u.butler@datatables.net', 'San Francisco' ), + ( 37, 'Howard', 'Hatfield', 51, 'Office Manager', 164500, '2008/12/16', 7031, 'h.hatfield@datatables.net', 'San Francisco' ), + ( 38, 'Hope', 'Fuentes', 41, 'Secretary', 109850, '2010/02/12', 6318, 'h.fuentes@datatables.net', 'San Francisco' ), + ( 39, 'Vivian', 'Harrell', 62, 'Financial Controller', 452500, '2009/02/14', 9422, 'v.harrell@datatables.net', 'San Francisco' ), + ( 40, 'Timothy', 'Mooney', 37, 'Office Manager', 136200, '2008/12/11', 7580, 't.mooney@datatables.net', 'London' ), + ( 41, 'Jackson', 'Bradshaw', 65, 'Director', 645750, '2008/09/26', 1042, 'j.bradshaw@datatables.net', 'New York' ), + ( 42, 'Olivia', 'Liang', 64, 'Support Engineer', 234500, '2011/02/03', 2120, 'o.liang@datatables.net', 'Singapore' ), + ( 43, 'Bruno', 'Nash', 38, 'Software Engineer', 163500, '2011/05/03', 6222, 'b.nash@datatables.net', 'London' ), + ( 44, 'Sakura', 'Yamamoto', 37, 'Support Engineer', 139575, '2009/08/19', 9383, 's.yamamoto@datatables.net', 'Tokyo' ), + ( 45, 'Thor', 'Walton', 61, 'Developer', 98540, '2013/08/11', 8327, 't.walton@datatables.net', 'New York' ), + ( 46, 'Finn', 'Camacho', 47, 'Support Engineer', 87500, '2009/07/07', 2927, 'f.camacho@datatables.net', 'San Francisco' ), + ( 47, 'Serge', 'Baldwin', 64, 'Data Coordinator', 138575, '2012/04/09', 8352, 's.baldwin@datatables.net', 'Singapore' ), + ( 48, 'Zenaida', 'Frank', 63, 'Software Engineer', 125250, '2010/01/04', 7439, 'z.frank@datatables.net', 'New York' ), + ( 49, 'Zorita', 'Serrano', 56, 'Software Engineer', 115000, '2012/06/01', 4389, 'z.serrano@datatables.net', 'San Francisco' ), + ( 50, 'Jennifer', 'Acosta', 43, 'Junior Javascript Developer', 75650, '2013/02/01', 3431, 'j.acosta@datatables.net', 'Edinburgh' ), + ( 51, 'Cara', 'Stevens', 46, 'Sales Assistant', 145600, '2011/12/06', 3990, 'c.stevens@datatables.net', 'New York' ), + ( 52, 'Hermione', 'Butler', 47, 'Regional Director', 356250, '2011/03/21', 1016, 'h.butler@datatables.net', 'London' ), + ( 53, 'Lael', 'Greer', 21, 'Systems Administrator', 103500, '2009/02/27', 6733, 'l.greer@datatables.net', 'London' ), + ( 54, 'Jonas', 'Alexander', 30, 'Developer', 86500, '2010/07/14', 8196, 'j.alexander@datatables.net', 'San Francisco' ), + ( 55, 'Shad', 'Decker', 51, 'Regional Director', 183000, '2008/11/13', 6373, 's.decker@datatables.net', 'Edinburgh' ), + ( 56, 'Michael', 'Bruce', 29, 'Javascript Developer', 183000, '2011/06/27', 5384, 'm.bruce@datatables.net', 'Singapore' ), + ( 57, 'Donna', 'Snider', 27, 'Customer Support', 112000, '2011/01/25', 4226, 'd.snider@datatables.net', 'New York' ); \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/sqlserver.sql b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/sqlserver.sql new file mode 100644 index 0000000..7eb84a2 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/sqlserver.sql @@ -0,0 +1,84 @@ +-- +-- DataTables Ajax and server-side processing database (SQL Server) +-- +IF OBJECT_ID('dbo.datatables_demo', 'U') IS NOT NULL + DROP TABLE dbo.datatables_demo; + +CREATE TABLE datatables_demo ( + id int NOT NULL identity, + first_name varchar(250) NOT NULL default '', + last_name varchar(250) NOT NULL default '', + position varchar(250) NOT NULL default '', + email varchar(250) NOT NULL default '', + office varchar(250) NOT NULL default '', + start_date datetime DEFAULT GETDATE(), + age int, + salary int, + extn varchar(8) NOT NULL default '', + PRIMARY KEY (id) +); + +SET IDENTITY_INSERT datatables_demo ON; + +INSERT INTO datatables_demo + ( id, first_name, last_name, age, position, salary, start_date, extn, email, office ) + VALUES + ( 1, 'Tiger', 'Nixon', 61, 'System Architect', 320800, '2011/04/25', 5421, 't.nixon@datatables.net', 'Edinburgh' ), + ( 2, 'Garrett', 'Winters', 63, 'Accountant', 170750, '2011/07/25', 8422, 'g.winters@datatables.net', 'Tokyo' ), + ( 3, 'Ashton', 'Cox', 66, 'Junior Technical Author', 86000, '2009/01/12', 1562, 'a.cox@datatables.net', 'San Francisco' ), + ( 4, 'Cedric', 'Kelly', 22, 'Senior Javascript Developer', 433060, '2012/03/29', 6224, 'c.kelly@datatables.net', 'Edinburgh' ), + ( 5, 'Airi', 'Satou', 33, 'Accountant', 162700, '2008/11/28', 5407, 'a.satou@datatables.net', 'Tokyo' ), + ( 6, 'Brielle', 'Williamson', 61, 'Integration Specialist', 372000, '2012/12/02', 4804, 'b.williamson@datatables.net', 'New York' ), + ( 7, 'Herrod', 'Chandler', 59, 'Sales Assistant', 137500, '2012/08/06', 9608, 'h.chandler@datatables.net', 'San Francisco' ), + ( 8, 'Rhona', 'Davidson', 55, 'Integration Specialist', 327900, '2010/10/14', 6200, 'r.davidson@datatables.net', 'Tokyo' ), + ( 9, 'Colleen', 'Hurst', 39, 'Javascript Developer', 205500, '2009/09/15', 2360, 'c.hurst@datatables.net', 'San Francisco' ), + ( 10, 'Sonya', 'Frost', 23, 'Software Engineer', 103600, '2008/12/13', 1667, 's.frost@datatables.net', 'Edinburgh' ), + ( 11, 'Jena', 'Gaines', 30, 'Office Manager', 90560, '2008/12/19', 3814, 'j.gaines@datatables.net', 'London' ), + ( 12, 'Quinn', 'Flynn', 22, 'Support Lead', 342000, '2013/03/03', 9497, 'q.flynn@datatables.net', 'Edinburgh' ), + ( 13, 'Charde', 'Marshall', 36, 'Regional Director', 470600, '2008/10/16', 6741, 'c.marshall@datatables.net', 'San Francisco' ), + ( 14, 'Haley', 'Kennedy', 43, 'Senior Marketing Designer', 313500, '2012/12/18', 3597, 'h.kennedy@datatables.net', 'London' ), + ( 15, 'Tatyana', 'Fitzpatrick', 19, 'Regional Director', 385750, '2010/03/17', 1965, 't.fitzpatrick@datatables.net', 'London' ), + ( 16, 'Michael', 'Silva', 66, 'Marketing Designer', 198500, '2012/11/27', 1581, 'm.silva@datatables.net', 'London' ), + ( 17, 'Paul', 'Byrd', 64, 'Chief Financial Officer (CFO)', 725000, '2010/06/09', 3059, 'p.byrd@datatables.net', 'New York' ), + ( 18, 'Gloria', 'Little', 59, 'Systems Administrator', 237500, '2009/04/10', 1721, 'g.little@datatables.net', 'New York' ), + ( 19, 'Bradley', 'Greer', 41, 'Software Engineer', 132000, '2012/10/13', 2558, 'b.greer@datatables.net', 'London' ), + ( 20, 'Dai', 'Rios', 35, 'Personnel Lead', 217500, '2012/09/26', 2290, 'd.rios@datatables.net', 'Edinburgh' ), + ( 21, 'Jenette', 'Caldwell', 30, 'Development Lead', 345000, '2011/09/03', 1937, 'j.caldwell@datatables.net', 'New York' ), + ( 22, 'Yuri', 'Berry', 40, 'Chief Marketing Officer (CMO)', 675000, '2009/06/25', 6154, 'y.berry@datatables.net', 'New York' ), + ( 23, 'Caesar', 'Vance', 21, 'Pre-Sales Support', 106450, '2011/12/12', 8330, 'c.vance@datatables.net', 'New York' ), + ( 24, 'Doris', 'Wilder', 23, 'Sales Assistant', 85600, '2010/09/20', 3023, 'd.wilder@datatables.net', 'Sidney' ), + ( 25, 'Angelica', 'Ramos', 47, 'Chief Executive Officer (CEO)', 1200000, '2009/10/09', 5797, 'a.ramos@datatables.net', 'London' ), + ( 26, 'Gavin', 'Joyce', 42, 'Developer', 92575, '2010/12/22', 8822, 'g.joyce@datatables.net', 'Edinburgh' ), + ( 27, 'Jennifer', 'Chang', 28, 'Regional Director', 357650, '2010/11/14', 9239, 'j.chang@datatables.net', 'Singapore' ), + ( 28, 'Brenden', 'Wagner', 28, 'Software Engineer', 206850, '2011/06/07', 1314, 'b.wagner@datatables.net', 'San Francisco' ), + ( 29, 'Fiona', 'Green', 48, 'Chief Operating Officer (COO)', 850000, '2010/03/11', 2947, 'f.green@datatables.net', 'San Francisco' ), + ( 30, 'Shou', 'Itou', 20, 'Regional Marketing', 163000, '2011/08/14', 8899, 's.itou@datatables.net', 'Tokyo' ), + ( 31, 'Michelle', 'House', 37, 'Integration Specialist', 95400, '2011/06/02', 2769, 'm.house@datatables.net', 'Sidney' ), + ( 32, 'Suki', 'Burks', 53, 'Developer', 114500, '2009/10/22', 6832, 's.burks@datatables.net', 'London' ), + ( 33, 'Prescott', 'Bartlett', 27, 'Technical Author', 145000, '2011/05/07', 3606, 'p.bartlett@datatables.net', 'London' ), + ( 34, 'Gavin', 'Cortez', 22, 'Team Leader', 235500, '2008/10/26', 2860, 'g.cortez@datatables.net', 'San Francisco' ), + ( 35, 'Martena', 'Mccray', 46, 'Post-Sales support', 324050, '2011/03/09', 8240, 'm.mccray@datatables.net', 'Edinburgh' ), + ( 36, 'Unity', 'Butler', 47, 'Marketing Designer', 85675, '2009/12/09', 5384, 'u.butler@datatables.net', 'San Francisco' ), + ( 37, 'Howard', 'Hatfield', 51, 'Office Manager', 164500, '2008/12/16', 7031, 'h.hatfield@datatables.net', 'San Francisco' ), + ( 38, 'Hope', 'Fuentes', 41, 'Secretary', 109850, '2010/02/12', 6318, 'h.fuentes@datatables.net', 'San Francisco' ), + ( 39, 'Vivian', 'Harrell', 62, 'Financial Controller', 452500, '2009/02/14', 9422, 'v.harrell@datatables.net', 'San Francisco' ), + ( 40, 'Timothy', 'Mooney', 37, 'Office Manager', 136200, '2008/12/11', 7580, 't.mooney@datatables.net', 'London' ), + ( 41, 'Jackson', 'Bradshaw', 65, 'Director', 645750, '2008/09/26', 1042, 'j.bradshaw@datatables.net', 'New York' ), + ( 42, 'Olivia', 'Liang', 64, 'Support Engineer', 234500, '2011/02/03', 2120, 'o.liang@datatables.net', 'Singapore' ), + ( 43, 'Bruno', 'Nash', 38, 'Software Engineer', 163500, '2011/05/03', 6222, 'b.nash@datatables.net', 'London' ), + ( 44, 'Sakura', 'Yamamoto', 37, 'Support Engineer', 139575, '2009/08/19', 9383, 's.yamamoto@datatables.net', 'Tokyo' ), + ( 45, 'Thor', 'Walton', 61, 'Developer', 98540, '2013/08/11', 8327, 't.walton@datatables.net', 'New York' ), + ( 46, 'Finn', 'Camacho', 47, 'Support Engineer', 87500, '2009/07/07', 2927, 'f.camacho@datatables.net', 'San Francisco' ), + ( 47, 'Serge', 'Baldwin', 64, 'Data Coordinator', 138575, '2012/04/09', 8352, 's.baldwin@datatables.net', 'Singapore' ), + ( 48, 'Zenaida', 'Frank', 63, 'Software Engineer', 125250, '2010/01/04', 7439, 'z.frank@datatables.net', 'New York' ), + ( 49, 'Zorita', 'Serrano', 56, 'Software Engineer', 115000, '2012/06/01', 4389, 'z.serrano@datatables.net', 'San Francisco' ), + ( 50, 'Jennifer', 'Acosta', 43, 'Junior Javascript Developer', 75650, '2013/02/01', 3431, 'j.acosta@datatables.net', 'Edinburgh' ), + ( 51, 'Cara', 'Stevens', 46, 'Sales Assistant', 145600, '2011/12/06', 3990, 'c.stevens@datatables.net', 'New York' ), + ( 52, 'Hermione', 'Butler', 47, 'Regional Director', 356250, '2011/03/21', 1016, 'h.butler@datatables.net', 'London' ), + ( 53, 'Lael', 'Greer', 21, 'Systems Administrator', 103500, '2009/02/27', 6733, 'l.greer@datatables.net', 'London' ), + ( 54, 'Jonas', 'Alexander', 30, 'Developer', 86500, '2010/07/14', 8196, 'j.alexander@datatables.net', 'San Francisco' ), + ( 55, 'Shad', 'Decker', 51, 'Regional Director', 183000, '2008/11/13', 6373, 's.decker@datatables.net', 'Edinburgh' ), + ( 56, 'Michael', 'Bruce', 29, 'Javascript Developer', 183000, '2011/06/27', 5384, 'm.bruce@datatables.net', 'Singapore' ), + ( 57, 'Donna', 'Snider', 27, 'Customer Support', 112000, '2011/01/25', 4226, 'd.snider@datatables.net', 'New York' ); + +SET IDENTITY_INSERT datatables_demo OFF; \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/ssp.class.php b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/ssp.class.php new file mode 100644 index 0000000..708319e --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/scripts/ssp.class.php @@ -0,0 +1,520 @@ + intval( $request['draw'] ), + "recordsTotal" => intval( $recordsTotal ), + "recordsFiltered" => intval( $recordsFiltered ), + "data" => self::data_output( $columns, $data ) + ); + } + + + /** + * The difference between this method and the `simple` one, is that you can + * apply additional `where` conditions to the SQL queries. These can be in + * one of two forms: + * + * * 'Result condition' - This is applied to the result set, but not the + * overall paging information query - i.e. it will not effect the number + * of records that a user sees they can have access to. This should be + * used when you want apply a filtering condition that the user has sent. + * * 'All condition' - This is applied to all queries that are made and + * reduces the number of records that the user can access. This should be + * used in conditions where you don't want the user to ever have access to + * particular records (for example, restricting by a login id). + * + * @param array $request Data sent to server by DataTables + * @param array|PDO $conn PDO connection resource or connection parameters array + * @param string $table SQL table to query + * @param string $primaryKey Primary key of the table + * @param array $columns Column information array + * @param string $whereResult WHERE condition to apply to the result set + * @param string $whereAll WHERE condition to apply to all queries + * @return array Server-side processing response array + */ + static function complex ( $request, $conn, $table, $primaryKey, $columns, $whereResult=null, $whereAll=null ) + { + $bindings = array(); + $db = self::db( $conn ); + $localWhereResult = array(); + $localWhereAll = array(); + $whereAllSql = ''; + + // Build the SQL query string from the request + $limit = self::limit( $request, $columns ); + $order = self::order( $request, $columns ); + $where = self::filter( $request, $columns, $bindings ); + + $whereResult = self::_flatten( $whereResult ); + $whereAll = self::_flatten( $whereAll ); + + if ( $whereResult ) { + $where = $where ? + $where .' AND '.$whereResult : + 'WHERE '.$whereResult; + } + + if ( $whereAll ) { + $where = $where ? + $where .' AND '.$whereAll : + 'WHERE '.$whereAll; + + $whereAllSql = 'WHERE '.$whereAll; + } + + // Main query to actually get the data + $data = self::sql_exec( $db, $bindings, + "SELECT SQL_CALC_FOUND_ROWS `".implode("`, `", self::pluck($columns, 'db'))."` + FROM `$table` + $where + $order + $limit" + ); + + // Data set length after filtering + $resFilterLength = self::sql_exec( $db, + "SELECT FOUND_ROWS()" + ); + $recordsFiltered = $resFilterLength[0][0]; + + // Total data set length + $resTotalLength = self::sql_exec( $db, $bindings, + "SELECT COUNT(`{$primaryKey}`) + FROM `$table` ". + $whereAllSql + ); + $recordsTotal = $resTotalLength[0][0]; + + /* + * Output + */ + return array( + "draw" => intval( $request['draw'] ), + "recordsTotal" => intval( $recordsTotal ), + "recordsFiltered" => intval( $recordsFiltered ), + "data" => self::data_output( $columns, $data ) + ); + } + + + /** + * Connect to the database + * + * @param array $sql_details SQL server connection details array, with the + * properties: + * * host - host name + * * db - database name + * * user - user name + * * pass - user password + * @return resource Database connection handle + */ + static function sql_connect ( $sql_details ) + { + try { + $db = @new PDO( + "mysql:host={$sql_details['host']};dbname={$sql_details['db']}", + $sql_details['user'], + $sql_details['pass'], + array( PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION ) + ); + } + catch (PDOException $e) { + self::fatal( + "An error occurred while connecting to the database. ". + "The error reported by the server was: ".$e->getMessage() + ); + } + + return $db; + } + + + /** + * Execute an SQL query on the database + * + * @param resource $db Database handler + * @param array $bindings Array of PDO binding values from bind() to be + * used for safely escaping strings. Note that this can be given as the + * SQL query string if no bindings are required. + * @param string $sql SQL query to execute. + * @return array Result from the query (all rows) + */ + static function sql_exec ( $db, $bindings, $sql=null ) + { + // Argument shifting + if ( $sql === null ) { + $sql = $bindings; + } + + $stmt = $db->prepare( $sql ); + //echo $sql; + + // Bind parameters + if ( is_array( $bindings ) ) { + for ( $i=0, $ien=count($bindings) ; $i<$ien ; $i++ ) { + $binding = $bindings[$i]; + $stmt->bindValue( $binding['key'], $binding['val'], $binding['type'] ); + } + } + + // Execute + try { + $stmt->execute(); + } + catch (PDOException $e) { + self::fatal( "An SQL error occurred: ".$e->getMessage() ); + } + + // Return all + return $stmt->fetchAll(); + } + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Internal methods + */ + + /** + * Throw a fatal error. + * + * This writes out an error message in a JSON string which DataTables will + * see and show to the user in the browser. + * + * @param string $msg Message to send to the client + */ + static function fatal ( $msg ) + { + echo json_encode( array( + "error" => $msg + ) ); + + exit(0); + } + + /** + * Create a PDO binding key which can be used for escaping variables safely + * when executing a query with sql_exec() + * + * @param array &$a Array of bindings + * @param * $val Value to bind + * @param int $type PDO field type + * @return string Bound key to be used in the SQL where this parameter + * would be used. + */ + static function bind ( &$a, $val, $type ) + { + $key = ':binding_'.count( $a ); + + $a[] = array( + 'key' => $key, + 'val' => $val, + 'type' => $type + ); + + return $key; + } + + + /** + * Pull a particular property from each assoc. array in a numeric array, + * returning and array of the property values from each item. + * + * @param array $a Array to get data from + * @param string $prop Property to read + * @return array Array of property values + */ + static function pluck ( $a, $prop ) + { + $out = array(); + + for ( $i=0, $len=count($a) ; $i<$len ; $i++ ) { + $out[] = $a[$i][$prop]; + } + + return $out; + } + + + /** + * Return a string from an array or a string + * + * @param array|string $a Array to join + * @param string $join Glue for the concatenation + * @return string Joined string + */ + static function _flatten ( $a, $join = ' AND ' ) + { + if ( ! $a ) { + return ''; + } + else if ( $a && is_array($a) ) { + return implode( $join, $a ); + } + return $a; + } +} + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/select_rows.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/select_rows.html new file mode 100644 index 0000000..c2f481e --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/select_rows.html @@ -0,0 +1,323 @@ + + + + + + + + DataTables example - Row selection + + + + + + + + + + + + +
+
+

DataTables example Row selection

+ +
+

When you want to have user selectable rows in DataTables, it is relatively trivial when using DOM based data - but when using server-side processing, DataTables + doesn't retain DOM row elements over pages / filtering etc. As such, you will need to keep a track of which rows a user as selected and mark them as selected on + each draw.

+ +

This is shown in this demo, which uses a unique ID assigned to the TR element (this is done automatically through the use of the DT_RowId special + property returned as part of the object given by the server for each row) to track which rows are selected and reselect them is appropriate on a draw.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeStart dateSalary
First nameLast namePositionOfficeStart dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + var selected = []; + + $("#example").dataTable({ + "processing": true, + "serverSide": true, + "ajax": "scripts/ids-arrays.php", + "rowCallback": function( row, data ) { + if ( $.inArray(data.DT_RowId, selected) !== -1 ) { + $(row).addClass('selected'); + } + } + }); + + $('#example tbody').on('click', 'tr', function () { + var id = this.id; + var index = $.inArray(id, selected); + + if ( index === -1 ) { + selected.push( id ); + } else { + selected.splice( index, 1 ); + } + + $(this).toggleClass('selected'); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/simple.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/simple.html new file mode 100644 index 0000000..3cd40ba --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/server_side/simple.html @@ -0,0 +1,285 @@ + + + + + + + + DataTables example - Server-side processing + + + + + + + + + + + + +
+
+

DataTables example Server-side processing

+ +
+

There are many ways to get your data into DataTables, and if you are working with seriously large databases, you might want to consider using the server-side + options that DataTables provides. With server-side processing enabled, all paging, searching, ordering etc actions that DataTables performs are handed off to a + server where an SQL engine (or similar) can perform these actions on the large data set (after all, that's what the database engine is designed for!). As such, + each draw of the table will result in a new Ajax request being made to get the required data.

+ +

Server-side processing is enabled by setting the serverSideDT option to true and providing an Ajax data source through the ajaxDT option.

+ +

This example shows a very simple table, matching the other client-side processing examples, but in this instance using server-side processing.

+
+ + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeStart dateSalary
First nameLast namePositionOfficeStart dateSalary
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable( { + "processing": true, + "serverSide": true, + "ajax": "scripts/server_processing.php" + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/bootstrap.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/bootstrap.html new file mode 100644 index 0000000..8b24c1c --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/bootstrap.html @@ -0,0 +1,742 @@ + + + + + + + + DataTables example - Bootstrap + + + + + + + + + + + + + + +
+
+

DataTables example Bootstrap

+ +
+

DataTables can integrate seamlessly with Bootstrap using Bootstrap's table + styling options to present a consistent interface with your Bootstrap driven site / app.

+ +

DataTables' Bootstrap integration also provides a renderer for the pagination control in DataTables to ensure that the pagination of the table is also styled + consistently by Bootstrap.

+ +

This integration is done simply by including the DataTables Bootstrap files (CSS and JS) which will set the defaults needed for DataTables to be initialised as + normal, as shown in this examples.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

body { font-size: 140%; } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/cell-border.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/cell-border.html new file mode 100644 index 0000000..0126d59 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/cell-border.html @@ -0,0 +1,727 @@ + + + + + + + + DataTables example - Base style - cell borders + + + + + + + + + + + + +
+
+

DataTables example Base style - cell borders

+ +
+

This example shows DataTables with just the cell-border class specified, giving a strong delineation between individual cells.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/compact.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/compact.html new file mode 100644 index 0000000..abaca94 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/compact.html @@ -0,0 +1,728 @@ + + + + + + + + DataTables example - Base style - compact + + + + + + + + + + + + +
+
+

DataTables example Base style - compact

+ +
+

The compact class is used to reduce the amount of white-space the default styling for the DataTable uses, increasing the information density on + screen, as shown below.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/display.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/display.html new file mode 100644 index 0000000..c7a852b --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/display.html @@ -0,0 +1,742 @@ + + + + + + + + DataTables example - Base style + + + + + + + + + + + + +
+
+

DataTables example Base style

+ +
+

The DataTables default style file has a number of features which can be enabled based on the class name of the table. These features are:

+ +
    +
  • cell-border - Cells with a border
    • +
  • compact - Increase the data density by reducing the cell padding
    • +
  • hover - Highlight a row when hovered over
    • +
  • order-column - Highlight the cells in the column currently being ordering upon
    • +
  • row-border - Rows with a border
    • +
  • stripe - Zebra striped rows
    • +
+ +

These classes can be combined (simply assign multiple classes to the table) to build up the styling that you want for your table. For more information on the + options in the DataTables stylesheet, please refer to the DataTables styling manual

+ +

The display class is a short-cut for specifying the stripe hover order-column row-border as the class name for a table. This is shown + in the example below.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/foundation.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/foundation.html new file mode 100644 index 0000000..2ce7df3 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/foundation.html @@ -0,0 +1,741 @@ + + + + + + + + DataTables example - Foundation + + + + + + + + + + + + + + +
+
+

DataTables example Foundation

+ +
+

DataTables can integrate seamlessly with Foundation using Foundations's table styling options to present a consistent interface with your Foundation driven site / app.

+ +

DataTables' Foundation integration also provides a renderer for the pagination control in DataTables to ensure that the pagination of the table is also styled + consistently by Foundation.

+ +

This integration is done simply by including the DataTables Foundation files (CSS and JS) which will set the defaults needed for DataTables to be initialised as + normal, as shown in this examples.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ + + +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/hover.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/hover.html new file mode 100644 index 0000000..551e98f --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/hover.html @@ -0,0 +1,34 @@ + + + + + + + + DataTables example - Base style - hover + + + + + + + + + + + + +
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/index.html new file mode 100644 index 0000000..d1bf414 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/index.html @@ -0,0 +1,68 @@ + + + + + + + + + + + + + DataTables examples - Styling + + + +
+
+

DataTables example Styling

+ +
+

When using DataTables, you want your tables to fit in with your site / app to make the end user experience as seamless as possible. For this reason, DataTables + provides an easy to customise core stylesheet, which has a number of features that you can enable or disable as you required. Additionally there are a number of + integration packages which can be used to fit DataTables into a site which uses some of the popular CSS libraries such as Twitter Bootstrap and Foundation. Or of + course you can craft your own CSS to fit it into your site perfectly!

+ +

This section includes examples of how DataTables can be styled using these methods.

+
+
+
+ +
+
+
+ +
+
+
+

Styling

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/jqueryUI.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/jqueryUI.html new file mode 100644 index 0000000..a199881 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/jqueryUI.html @@ -0,0 +1,743 @@ + + + + + + + + DataTables example - jQuery UI ThemeRoller + + + + + + + + + + + + + + +
+
+

DataTables example jQuery UI ThemeRoller

+ +
+

DataTables has the ability to integrate seamlessly with almost any styling library, and integration files are provided for several of the popular styling + libraries, including jQuery UI.

+ +

To have your table styles integrate with jQuery UI's ThemeRoller styles, simply include the DataTables CSS and JS integration files for jQuery UI, as shown in + this example. Note also that because jQuery doesn't provide table styles like some other CSS frameworks, the CSS integration file does add this styling + information.

+ +

Please note that DataTables 1.10- actually has built-in support for jQuery UI styling integration through the jQueryUIDT option. However, this + option is deprecated in DataTables 1.10 and will be removed DataTables 1.11, matching how styling integration is provided for other libraries - a more modular, + maintainable and extensible method. The method presented on this page is the method that will be use in future.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/no-classes.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/no-classes.html new file mode 100644 index 0000000..75a4511 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/no-classes.html @@ -0,0 +1,727 @@ + + + + + + + + DataTables example - Base style - no styling classes + + + + + + + + + + + + +
+
+

DataTables example Base style - no styling classes

+ +
+

This example shows the base DataTables style file being used, with none of the additional feature style classes being used.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/order-column.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/order-column.html new file mode 100644 index 0000000..c5e4470 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/order-column.html @@ -0,0 +1,728 @@ + + + + + + + + DataTables example - Base style - order-column + + + + + + + + + + + + +
+
+

DataTables example Base style - order-column

+ +
+

This example shows DataTables with just the order-column class specified. Typically you would want to use the stripe feature class in + addition to order-column (possibly hover as well), but this example shows just the ordered column highlighting.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/row-border.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/row-border.html new file mode 100644 index 0000000..01be832 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/row-border.html @@ -0,0 +1,727 @@ + + + + + + + + DataTables example - Base style - row borders + + + + + + + + + + + + +
+
+

DataTables example Base style - row borders

+ +
+

This example shows DataTables with just the row-border class specified, which can create a pleasing, minimalist, interface for your tables.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/stripe.html b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/stripe.html new file mode 100644 index 0000000..2d893ab --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/examples/styling/stripe.html @@ -0,0 +1,727 @@ + + + + + + + + DataTables example - Base style - stripe + + + + + + + + + + + + +
+
+

DataTables example Base style - stripe

+ +
+

This example shows DataTables with just the stripe class specified.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() { + $('#example').dataTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the DataTables + documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Basic initialisation

+ +
+ +
+

Advanced initialisation

+ +
+ +
+

Styling

+ +
+ +
+

Data sources

+ +
+ +
+

API

+ +
+ +
+

Ajax

+ +
+ +
+

Server-side

+ +
+ +
+

Plug-ins

+ +
+
+ +
+

Please refer to the DataTables documentation for full information about its API properties and methods.
+ Additionally, there are a wide range of extras and plug-ins + which extend the capabilities of DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2015
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/Readme.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/Readme.txt new file mode 100644 index 0000000..c7ed83a --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/Readme.txt @@ -0,0 +1,38 @@ +# AutoFill + +AutoFill gives an Excel like option to a DataTable to click and drag over multiple cells, filling in information over the selected cells and incrementing numbers as needed. Key features include: + +* Click and drag cell content insertion +* Automatic incrementing of numeric information +* Enable and disable on any column +* Detailed callback functions for customisation +* Support for both DataTables and browser window scrolling + + +# Installation + +To use AutoFill, first download DataTables ( http://datatables.net/download ) and place the unzipped AutoFill package into a `extensions` directory in the DataTables package. This will allow the pages in the examples to operate correctly. To see the examples running, open the `examples` directory in your web-browser. + + +# Basic usage + +AutoFill is initialised using the `$.fn.dataTable.AutoFill` constructor. For example: + +```js +$(document).ready( function () { + var table = $('#example').dataTable(); + new $.fn.dataTable.AutoFill( table ); +} ); +``` + + +# Documentation / support + +* Documentation: http://datatables.net/extensions/autofill/ +* DataTables support forums: http://datatables.net/forums + + +# GitHub + +If you fancy getting involved with the development of AutoFill and help make it better, please refer to its GitHub repo: https://github.com/DataTables/AutoFill + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/css/dataTables.autoFill.css b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/css/dataTables.autoFill.css new file mode 100644 index 0000000..fb589d2 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/css/dataTables.autoFill.css @@ -0,0 +1,24 @@ +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * AutoFill styles + */ + +div.AutoFill_filler { + display: none; + position: absolute; + height: 14px; + width: 14px; + background: url(../images/filler.png) no-repeat center center; + z-index: 1002; +} + +div.AutoFill_border { + display: none; + position: absolute; + background-color: #0063dc; + z-index: 1001; + + box-shadow: 0px 0px 5px #76b4ff; + -moz-box-shadow: 0px 0px 5px #76b4ff; + -webkit-box-shadow: 0px 0px 5px #76b4ff; +} + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/css/dataTables.autoFill.min.css b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/css/dataTables.autoFill.min.css new file mode 100644 index 0000000..4e1c992 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/css/dataTables.autoFill.min.css @@ -0,0 +1 @@ +div.AutoFill_filler{display:none;position:absolute;height:14px;width:14px;background:url(../images/filler.png) no-repeat center center;z-index:1002}div.AutoFill_border{display:none;position:absolute;background-color:#0063dc;z-index:1001;box-shadow:0px 0px 5px #76b4ff;-moz-box-shadow:0px 0px 5px #76b4ff;-webkit-box-shadow:0px 0px 5px #76b4ff} diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/columns.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/columns.html new file mode 100644 index 0000000..efbea2c --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/columns.html @@ -0,0 +1,644 @@ + + + + + + + + AutoFill example - Column options + + + + + + + + + + + + + + +
+
+

AutoFill example Column options

+ +
+

Columns can be enabled (which they are by default) and disabled from providing the end user with + AutoFill abilities by using either columns or columnDefs and the + enable option. These two arrays work in exactly the same way as in DataTables.

+ +

This example shows how disabling columns counting from the right hand side of the table can be + achieved. In this case, the last three columns.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').dataTable(); + + new $.fn.dataTable.AutoFill( table, { + "columnDefs": [ + { enable: false, targets: [-1, -2] }, + { increment: false, targets: 3 } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/complete-callback.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/complete-callback.html new file mode 100644 index 0000000..0201449 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/complete-callback.html @@ -0,0 +1,652 @@ + + + + + + + + AutoFill example - Complete callback + + + + + + + + + + + + + + +
+
+

AutoFill example Complete callback

+ +
+

AutoFill provides a number of customisable callback functions so you can tailor it's actions to + exactly what you need. This example shows the use of the complete callback function which + is executed at the end of an auto-fill drag, providing information about the cells that were + altered.

+ +

For a complete description of the complete callback, please refer to the AutoFill documentation.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').dataTable(); + + new $.fn.dataTable.AutoFill( table, { + complete: function ( altered ) { + var last = altered[ altered.length-1 ]; + alert( + altered.length+' cells were altered in this auto-fill. The '+ + 'value of the last cell altered was: '+last.oldValue+' and is '+ + 'now '+last.newValue + ); + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/fill-both.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/fill-both.html new file mode 100644 index 0000000..01e5417 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/fill-both.html @@ -0,0 +1,641 @@ + + + + + + + + AutoFill example - Horizontal and vertical fill + + + + + + + + + + + + + + +
+
+

AutoFill example Horizontal and vertical fill

+ +
+

By default AutoFill will allow the fill to operate only on a single column at a time (i.e. + vertically). However, it has the ability to provide the fill either horizontally, over both axis or + limited to just one axis depending on the direction of the drag. This option is provided by the + mode sanitisation option.

+ +

In this case it is set to both (i.e. both horizontal and vertical axis) to provide the + filler along a row, rather than a column.

+ +

For the full range of options and syntax for mode please refer to the AutoFill documentation.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + new $.fn.dataTable.AutoFill( table, { + mode: 'both' + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/fill-horizontal.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/fill-horizontal.html new file mode 100644 index 0000000..843ec28 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/fill-horizontal.html @@ -0,0 +1,641 @@ + + + + + + + + AutoFill example - Horizontal fill + + + + + + + + + + + + + + +
+
+

AutoFill example Horizontal fill

+ +
+

By default AutoFill will allow the fill to operate only on a single column at a time (i.e. + vertically). However, it has the ability to provide the fill either horizontally, over both axis or + limited to just one axis depending on the direction of the drag. This option is provided by the + mode sanitisation option.

+ +

In this case it is set to x (i.e. horizontal axis) to provide the filler along a row, + rather than a column.

+ +

For the full range of options and syntax for mode please refer to the AutoFill documentation.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + new $.fn.dataTable.AutoFill( table, { + mode: 'x' + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/index.html new file mode 100644 index 0000000..c70c12d --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/index.html @@ -0,0 +1,66 @@ + + + + + + + + + + + + + AutoFill examples - AutoFill examples + + + +
+
+

AutoFill example AutoFill examples

+ +
+

AutoFill gives an Excel like option to a DataTable to click and drag over multiple cells, filling in + information over the selected cells and incrementing numbers as needed.

+ +

Thanks to Phoniax AS for their sponsorship of this plug-in for + DataTables.

+
+
+
+ +
+
+
+ +
+
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/scrolling.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/scrolling.html new file mode 100644 index 0000000..b63eb1c --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/scrolling.html @@ -0,0 +1,638 @@ + + + + + + + + AutoFill example - Scrolling DataTable + + + + + + + + + + + + + + +
+
+

AutoFill example Scrolling DataTable

+ +
+

When dragging an AutoFill handle, the table (if DataTables scrolling is enabled) or the window will + be automatically scrolled, as you approach the edge of the scrolling component. The example below shows + the effect with DataTables scrolling (and also window if needed).

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').dataTable( { + scrollY: 200, + scrollCollapse: false, + paginate: false + } ); + + new $.fn.dataTable.AutoFill( table ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/simple.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/simple.html new file mode 100644 index 0000000..d5c0f1f --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/simple.html @@ -0,0 +1,631 @@ + + + + + + + + AutoFill example - Basic initialisation + + + + + + + + + + + + + + +
+
+

AutoFill example Basic initialisation

+ +
+

AutoFill gives an Excel like option to a DataTable to click and drag over multiple cells, filling in + information over the selected cells and incrementing numbers as needed.

+ +

AutoFill is initialised using the $.fn.dataTable.AutoFill function as shown in the + example below. It requires one parameter, the DataTable instance that AutoFill is to operate on, and + optionally a second configuration parameter, which is shown in the other AutoFill examples.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable(); + new $.fn.dataTable.AutoFill( table ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/step-callback.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/step-callback.html new file mode 100644 index 0000000..58934a2 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/examples/step-callback.html @@ -0,0 +1,660 @@ + + + + + + + + AutoFill example - Step callback + + + + + + + + + + + + + + +
+
+

AutoFill example Step callback

+ +
+

By default, AutoFill will increment cells that contain numbers by a single digit for each cell that + is iterated over (try the Age column below for example). This behaviour can be disabled + completely using the increment column option, but it can also be modified to suit your + requirements through use of the step column callback function.

+ +

The step callback is executed for each cell in the auto-fill set and gives complete + control over how data is incremented. The example below shows the step function being used on the + Salary column to increment by 100, rather than 1 for each cell.

+ +

For a complete description of the step callback, please refer to the AutoFill documentation.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').dataTable(); + + new $.fn.dataTable.AutoFill( table, { + columnDefs: [ { + targets: -1, + step: function ( cell, read, last, i, x, y ) { + var val = parseInt( (last || read).replace(/[$,]/g, ''), 10 ); + val += (x<0 || y<0 ? -100 : 100); // - if going back up, + if going down + + // Format for the currency column + return '$'+val.toString().replace( /\B(?=(\d{3})+(?!\d))/g, ',' ); + } + } ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/images/filler.png b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/images/filler.png new file mode 100644 index 0000000..f2af65d --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/images/filler.png diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/js/dataTables.autoFill.js b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/js/dataTables.autoFill.js new file mode 100644 index 0000000..4b8b217 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/AutoFill/js/dataTables.autoFill.js @@ -0,0 +1,855 @@ +/*! AutoFill 1.2.1 + * ©2008-2014 SpryMedia Ltd - datatables.net/license + */ + +/** + * @summary AutoFill + * @description Add Excel like click and drag auto-fill options to DataTables + * @version 1.2.1 + * @file dataTables.autoFill.js + * @author SpryMedia Ltd (www.sprymedia.co.uk) + * @contact www.sprymedia.co.uk/contact + * @copyright Copyright 2010-2014 SpryMedia Ltd. + * + * This source file is free software, available under the following license: + * MIT license - http://datatables.net/license/mit + * + * This source file is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + * + * For details please refer to: http://www.datatables.net + */ + +(function( window, document, undefined ) { + +var factory = function( $, DataTable ) { +"use strict"; + +/** + * AutoFill provides Excel like auto-fill features for a DataTable + * + * @class AutoFill + * @constructor + * @param {object} oTD DataTables settings object + * @param {object} oConfig Configuration object for AutoFill + */ +var AutoFill = function( oDT, oConfig ) +{ + /* Sanity check that we are a new instance */ + if ( ! (this instanceof AutoFill) ) { + throw( "Warning: AutoFill must be initialised with the keyword 'new'" ); + } + + if ( ! $.fn.dataTableExt.fnVersionCheck('1.7.0') ) { + throw( "Warning: AutoFill requires DataTables 1.7 or greater"); + } + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Public class variables + * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ + + this.c = {}; + + /** + * @namespace Settings object which contains customisable information for AutoFill instance + */ + this.s = { + /** + * @namespace Cached information about the little dragging icon (the filler) + */ + "filler": { + "height": 0, + "width": 0 + }, + + /** + * @namespace Cached information about the border display + */ + "border": { + "width": 2 + }, + + /** + * @namespace Store for live information for the current drag + */ + "drag": { + "startX": -1, + "startY": -1, + "startTd": null, + "endTd": null, + "dragging": false + }, + + /** + * @namespace Data cache for information that we need for scrolling the screen when we near + * the edges + */ + "screen": { + "interval": null, + "y": 0, + "height": 0, + "scrollTop": 0 + }, + + /** + * @namespace Data cache for the position of the DataTables scrolling element (when scrolling + * is enabled) + */ + "scroller": { + "top": 0, + "bottom": 0 + }, + + /** + * @namespace Information stored for each column. An array of objects + */ + "columns": [] + }; + + + /** + * @namespace Common and useful DOM elements for the class instance + */ + this.dom = { + "table": null, + "filler": null, + "borderTop": null, + "borderRight": null, + "borderBottom": null, + "borderLeft": null, + "currentTarget": null + }; + + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Public class methods + * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ + + /** + * Retreieve the settings object from an instance + * @method fnSettings + * @returns {object} AutoFill settings object + */ + this.fnSettings = function () { + return this.s; + }; + + + /* Constructor logic */ + this._fnInit( oDT, oConfig ); + return this; +}; + + + +AutoFill.prototype = { + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Private methods (they are of course public in JS, but recommended as private) + * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ + + /** + * Initialisation + * @method _fnInit + * @param {object} dt DataTables settings object + * @param {object} config Configuration object for AutoFill + * @returns void + */ + "_fnInit": function ( dt, config ) + { + var + that = this, + i, iLen; + + // Use DataTables API to get the settings allowing selectors, instances + // etc to be used, or for backwards compatibility get from the old + // fnSettings method + this.s.dt = DataTable.Api ? + new DataTable.Api( dt ).settings()[0] : + dt.fnSettings(); + this.s.init = config || {}; + this.dom.table = this.s.dt.nTable; + + $.extend( true, this.c, AutoFill.defaults, config ); + + /* Add and configure the columns */ + this._initColumns(); + + /* Auto Fill click and drag icon */ + var filler = $('
', { + 'class': 'AutoFill_filler' + } ) + .appendTo( 'body' ); + this.dom.filler = filler[0]; + + // Get the height / width of the click element + this.s.filler.height = filler.height(); + this.s.filler.width = filler.width(); + filler[0].style.display = "none"; + + /* Border display - one div for each side. We can't just use a single + * one with a border, as we want the events to effectively pass through + * the transparent bit of the box + */ + var border; + var appender = document.body; + if ( that.s.dt.oScroll.sY !== "" ) { + that.s.dt.nTable.parentNode.style.position = "relative"; + appender = that.s.dt.nTable.parentNode; + } + + border = $('
', { + "class": "AutoFill_border" + } ); + this.dom.borderTop = border.clone().appendTo( appender )[0]; + this.dom.borderRight = border.clone().appendTo( appender )[0]; + this.dom.borderBottom = border.clone().appendTo( appender )[0]; + this.dom.borderLeft = border.clone().appendTo( appender )[0]; + + /* Events */ + filler.on( 'mousedown.DTAF', function (e) { + this.onselectstart = function() { return false; }; + that._fnFillerDragStart.call( that, e ); + return false; + } ); + + $('tbody', this.dom.table).on( + 'mouseover.DTAF mouseout.DTAF', + '>tr>td, >tr>th', + function (e) { + that._fnFillerDisplay.call( that, e ); + } + ); + + $(this.dom.table).on( 'destroy.dt.DTAF', function () { + filler.off( 'mousedown.DTAF' ).remove(); + $('tbody', this.dom.table).off( 'mouseover.DTAF mouseout.DTAF' ); + } ); + }, + + + _initColumns: function ( ) + { + var that = this; + var i, ien; + var dt = this.s.dt; + var config = this.s.init; + + for ( i=0, ien=dt.aoColumns.length ; i offsetEnd.left) { + x1 = offsetEnd.left - border; + x2 = offsetStart.left + $(nStart).outerWidth(); + width = offsetStart.left + $(nStart).outerWidth() - offsetEnd.left + (2*border); + } + + if ( this.s.dt.oScroll.sY !== "" ) + { + /* The border elements are inside the DT scroller - so position relative to that */ + var + offsetScroll = $(this.s.dt.nTable.parentNode).offset(), + scrollTop = $(this.s.dt.nTable.parentNode).scrollTop(), + scrollLeft = $(this.s.dt.nTable.parentNode).scrollLeft(); + + x1 -= offsetScroll.left - scrollLeft; + x2 -= offsetScroll.left - scrollLeft; + y1 -= offsetScroll.top - scrollTop; + y2 -= offsetScroll.top - scrollTop; + } + + /* Top */ + oStyle = this.dom.borderTop.style; + oStyle.top = y1+"px"; + oStyle.left = x1+"px"; + oStyle.height = this.s.border.width+"px"; + oStyle.width = width+"px"; + + /* Bottom */ + oStyle = this.dom.borderBottom.style; + oStyle.top = y2+"px"; + oStyle.left = x1+"px"; + oStyle.height = this.s.border.width+"px"; + oStyle.width = width+"px"; + + /* Left */ + oStyle = this.dom.borderLeft.style; + oStyle.top = y1+"px"; + oStyle.left = x1+"px"; + oStyle.height = height+"px"; + oStyle.width = this.s.border.width+"px"; + + /* Right */ + oStyle = this.dom.borderRight.style; + oStyle.top = y1+"px"; + oStyle.left = x2+"px"; + oStyle.height = height+"px"; + oStyle.width = this.s.border.width+"px"; + }, + + + /** + * Mouse down event handler for starting a drag + * @method _fnFillerDragStart + * @param {Object} e Event object + * @returns void + */ + "_fnFillerDragStart": function (e) + { + var that = this; + var startingTd = this.dom.currentTarget; + + this.s.drag.dragging = true; + + that.dom.borderTop.style.display = "block"; + that.dom.borderRight.style.display = "block"; + that.dom.borderBottom.style.display = "block"; + that.dom.borderLeft.style.display = "block"; + + var coords = this._fnTargetCoords( startingTd ); + this.s.drag.startX = coords.x; + this.s.drag.startY = coords.y; + + this.s.drag.startTd = startingTd; + this.s.drag.endTd = startingTd; + + this._fnUpdateBorder( startingTd, startingTd ); + + $(document).bind('mousemove.AutoFill', function (e) { + that._fnFillerDragMove.call( that, e ); + } ); + + $(document).bind('mouseup.AutoFill', function (e) { + that._fnFillerFinish.call( that, e ); + } ); + + /* Scrolling information cache */ + this.s.screen.y = e.pageY; + this.s.screen.height = $(window).height(); + this.s.screen.scrollTop = $(document).scrollTop(); + + if ( this.s.dt.oScroll.sY !== "" ) + { + this.s.scroller.top = $(this.s.dt.nTable.parentNode).offset().top; + this.s.scroller.bottom = this.s.scroller.top + $(this.s.dt.nTable.parentNode).height(); + } + + /* Scrolling handler - we set an interval (which is cancelled on mouse up) which will fire + * regularly and see if we need to do any scrolling + */ + this.s.screen.interval = setInterval( function () { + var iScrollTop = $(document).scrollTop(); + var iScrollDelta = iScrollTop - that.s.screen.scrollTop; + that.s.screen.y += iScrollDelta; + + if ( that.s.screen.height - that.s.screen.y + iScrollTop < 50 ) + { + $('html, body').animate( { + "scrollTop": iScrollTop + 50 + }, 240, 'linear' ); + } + else if ( that.s.screen.y - iScrollTop < 50 ) + { + $('html, body').animate( { + "scrollTop": iScrollTop - 50 + }, 240, 'linear' ); + } + + if ( that.s.dt.oScroll.sY !== "" ) + { + if ( that.s.screen.y > that.s.scroller.bottom - 50 ) + { + $(that.s.dt.nTable.parentNode).animate( { + "scrollTop": $(that.s.dt.nTable.parentNode).scrollTop() + 50 + }, 240, 'linear' ); + } + else if ( that.s.screen.y < that.s.scroller.top + 50 ) + { + $(that.s.dt.nTable.parentNode).animate( { + "scrollTop": $(that.s.dt.nTable.parentNode).scrollTop() - 50 + }, 240, 'linear' ); + } + } + }, 250 ); + }, + + + /** + * Mouse move event handler for during a move. See if we want to update the display based on the + * new cursor position + * @method _fnFillerDragMove + * @param {Object} e Event object + * @returns void + */ + "_fnFillerDragMove": function (e) + { + if ( e.target && e.target.nodeName.toUpperCase() == "TD" && + e.target != this.s.drag.endTd ) + { + var coords = this._fnTargetCoords( e.target ); + + if ( this.c.mode == "y" && coords.x != this.s.drag.startX ) + { + e.target = $('tbody>tr:eq('+coords.y+')>td:eq('+this.s.drag.startX+')', this.dom.table)[0]; + } + if ( this.c.mode == "x" && coords.y != this.s.drag.startY ) + { + e.target = $('tbody>tr:eq('+this.s.drag.startY+')>td:eq('+coords.x+')', this.dom.table)[0]; + } + + if ( this.c.mode == "either") + { + if(coords.x != this.s.drag.startX ) + { + e.target = $('tbody>tr:eq('+this.s.drag.startY+')>td:eq('+coords.x+')', this.dom.table)[0]; + } + else if ( coords.y != this.s.drag.startY ) { + e.target = $('tbody>tr:eq('+coords.y+')>td:eq('+this.s.drag.startX+')', this.dom.table)[0]; + } + } + + // update coords + if ( this.c.mode !== "both" ) { + coords = this._fnTargetCoords( e.target ); + } + + var drag = this.s.drag; + drag.endTd = e.target; + + if ( coords.y >= this.s.drag.startY ) { + this._fnUpdateBorder( drag.startTd, drag.endTd ); + } + else { + this._fnUpdateBorder( drag.endTd, drag.startTd ); + } + this._fnFillerPosition( e.target ); + } + + /* Update the screen information so we can perform scrolling */ + this.s.screen.y = e.pageY; + this.s.screen.scrollTop = $(document).scrollTop(); + + if ( this.s.dt.oScroll.sY !== "" ) + { + this.s.scroller.scrollTop = $(this.s.dt.nTable.parentNode).scrollTop(); + this.s.scroller.top = $(this.s.dt.nTable.parentNode).offset().top; + this.s.scroller.bottom = this.s.scroller.top + $(this.s.dt.nTable.parentNode).height(); + } + }, + + + /** + * Mouse release handler - end the drag and take action to update the cells with the needed values + * @method _fnFillerFinish + * @param {Object} e Event object + * @returns void + */ + "_fnFillerFinish": function (e) + { + var that = this, i, iLen, j; + + $(document).unbind('mousemove.AutoFill mouseup.AutoFill'); + + this.dom.borderTop.style.display = "none"; + this.dom.borderRight.style.display = "none"; + this.dom.borderBottom.style.display = "none"; + this.dom.borderLeft.style.display = "none"; + + this.s.drag.dragging = false; + + clearInterval( this.s.screen.interval ); + + var cells = []; + var table = this.dom.table; + var coordsStart = this._fnTargetCoords( this.s.drag.startTd ); + var coordsEnd = this._fnTargetCoords( this.s.drag.endTd ); + var columnIndex = function ( visIdx ) { + return that.s.dt.oApi._fnVisibleToColumnIndex( that.s.dt, visIdx ); + }; + + // xxx - urgh - there must be a way of reducing this... + if ( coordsStart.y <= coordsEnd.y ) { + for ( i=coordsStart.y ; i<=coordsEnd.y ; i++ ) { + if ( coordsStart.x <= coordsEnd.x ) { + for ( j=coordsStart.x ; j<=coordsEnd.x ; j++ ) { + cells.push( { + node: $('tbody>tr:eq('+i+')>td:eq('+j+')', table)[0], + x: j - coordsStart.x, + y: i - coordsStart.y, + colIdx: columnIndex( j ) + } ); + } + } + else { + for ( j=coordsStart.x ; j>=coordsEnd.x ; j-- ) { + cells.push( { + node: $('tbody>tr:eq('+i+')>td:eq('+j+')', table)[0], + x: j - coordsStart.x, + y: i - coordsStart.y, + colIdx: columnIndex( j ) + } ); + } + } + } + } + else { + for ( i=coordsStart.y ; i>=coordsEnd.y ; i-- ) { + if ( coordsStart.x <= coordsEnd.x ) { + for ( j=coordsStart.x ; j<=coordsEnd.x ; j++ ) { + cells.push( { + node: $('tbody>tr:eq('+i+')>td:eq('+j+')', table)[0], + x: j - coordsStart.x, + y: i - coordsStart.y, + colIdx: columnIndex( j ) + } ); + } + } + else { + for ( j=coordsStart.x ; j>=coordsEnd.x ; j-- ) { + cells.push( { + node: $('tbody>tr:eq('+i+')>td:eq('+j+')', table)[0], + x: coordsStart.x - j, + y: coordsStart.y - i, + colIdx: columnIndex( j ) + } ); + } + } + } + } + + // An auto-fill requires 2 or more cells + if ( cells.length <= 1 ) { + return; + } + + var edited = []; + var previous; + + for ( i=0, iLen=cells.length ; i",{"class":"AutoFill_filler"}).appendTo("body");this.dom.filler=e[0];this.s.filler.height=e.height();this.s.filler.width=e.width();e[0].style.display= +"none";var g,f=j.body;""!==a.s.dt.oScroll.sY&&(a.s.dt.nTable.parentNode.style.position="relative",f=a.s.dt.nTable.parentNode);g=c("
",{"class":"AutoFill_border"});this.dom.borderTop=g.clone().appendTo(f)[0];this.dom.borderRight=g.clone().appendTo(f)[0];this.dom.borderBottom=g.clone().appendTo(f)[0];this.dom.borderLeft=g.clone().appendTo(f)[0];e.on("mousedown.DTAF",function(b){this.onselectstart=function(){return false};a._fnFillerDragStart.call(a,b);return false});c("tbody",this.dom.table).on("mouseover.DTAF mouseout.DTAF", +">tr>td, >tr>th",function(b){a._fnFillerDisplay.call(a,b)});c(this.dom.table).on("destroy.dt.DTAF",function(){e.off("mousedown.DTAF").remove();c("tbody",this.dom.table).off("mouseover.DTAF mouseout.DTAF")})},_initColumns:function(){var d=this,b,a,e=this.s.dt,g=this.s.init;b=0;for(a=e.aoColumns.length;bg.left&&(f=g.left-a,i=e.left+c(d).outerWidth(),j=e.left+c(d).outerWidth()-g.left+2*a);""!==this.s.dt.oScroll.sY&&(a=c(this.s.dt.nTable.parentNode).offset(),e=c(this.s.dt.nTable.parentNode).scrollTop(), +g=c(this.s.dt.nTable.parentNode).scrollLeft(),f-=a.left-g,i-=a.left-g,n-=a.top-e,h-=a.top-e);a=this.dom.borderTop.style;a.top=n+"px";a.left=f+"px";a.height=this.s.border.width+"px";a.width=j+"px";a=this.dom.borderBottom.style;a.top=h+"px";a.left=f+"px";a.height=this.s.border.width+"px";a.width=j+"px";a=this.dom.borderLeft.style;a.top=n+"px";a.left=f+"px";a.height=k+"px";a.width=this.s.border.width+"px";a=this.dom.borderRight.style;a.top=n+"px";a.left=i+"px";a.height=k+"px";a.width=this.s.border.width+ +"px"},_fnFillerDragStart:function(d){var b=this,a=this.dom.currentTarget;this.s.drag.dragging=!0;b.dom.borderTop.style.display="block";b.dom.borderRight.style.display="block";b.dom.borderBottom.style.display="block";b.dom.borderLeft.style.display="block";var e=this._fnTargetCoords(a);this.s.drag.startX=e.x;this.s.drag.startY=e.y;this.s.drag.startTd=a;this.s.drag.endTd=a;this._fnUpdateBorder(a,a);c(j).bind("mousemove.AutoFill",function(a){b._fnFillerDragMove.call(b,a)});c(j).bind("mouseup.AutoFill", +function(a){b._fnFillerFinish.call(b,a)});this.s.screen.y=d.pageY;this.s.screen.height=c(o).height();this.s.screen.scrollTop=c(j).scrollTop();""!==this.s.dt.oScroll.sY&&(this.s.scroller.top=c(this.s.dt.nTable.parentNode).offset().top,this.s.scroller.bottom=this.s.scroller.top+c(this.s.dt.nTable.parentNode).height());this.s.screen.interval=setInterval(function(){var a=c(j).scrollTop();b.s.screen.y=b.s.screen.y+(a-b.s.screen.scrollTop);b.s.screen.height-b.s.screen.y+a<50?c("html, body").animate({scrollTop:a+ +50},240,"linear"):b.s.screen.y-a<50&&c("html, body").animate({scrollTop:a-50},240,"linear");b.s.dt.oScroll.sY!==""&&(b.s.screen.y>b.s.scroller.bottom-50?c(b.s.dt.nTable.parentNode).animate({scrollTop:c(b.s.dt.nTable.parentNode).scrollTop()+50},240,"linear"):b.s.screen.ytr:eq("+b.y+")>td:eq("+this.s.drag.startX+")",this.dom.table)[0]);"x"==this.c.mode&&b.y!=this.s.drag.startY&&(d.target=c("tbody>tr:eq("+this.s.drag.startY+")>td:eq("+b.x+")",this.dom.table)[0]);"either"==this.c.mode&&(b.x!=this.s.drag.startX?d.target=c("tbody>tr:eq("+this.s.drag.startY+")>td:eq("+b.x+")",this.dom.table)[0]:b.y!=this.s.drag.startY&&(d.target=c("tbody>tr:eq("+b.y+")>td:eq("+this.s.drag.startX+ +")",this.dom.table)[0]));"both"!==this.c.mode&&(b=this._fnTargetCoords(d.target));var a=this.s.drag;a.endTd=d.target;b.y>=this.s.drag.startY?this._fnUpdateBorder(a.startTd,a.endTd):this._fnUpdateBorder(a.endTd,a.startTd);this._fnFillerPosition(d.target)}this.s.screen.y=d.pageY;this.s.screen.scrollTop=c(j).scrollTop();""!==this.s.dt.oScroll.sY&&(this.s.scroller.scrollTop=c(this.s.dt.nTable.parentNode).scrollTop(),this.s.scroller.top=c(this.s.dt.nTable.parentNode).offset().top,this.s.scroller.bottom= +this.s.scroller.top+c(this.s.dt.nTable.parentNode).height())},_fnFillerFinish:function(){var d=this,b,a;c(j).unbind("mousemove.AutoFill mouseup.AutoFill");this.dom.borderTop.style.display="none";this.dom.borderRight.style.display="none";this.dom.borderBottom.style.display="none";this.dom.borderLeft.style.display="none";this.s.drag.dragging=!1;clearInterval(this.s.screen.interval);var e=[],g=this.dom.table,f=this._fnTargetCoords(this.s.drag.startTd),i=this._fnTargetCoords(this.s.drag.endTd),h=function(a){return d.s.dt.oApi._fnVisibleToColumnIndex(d.s.dt, +a)};if(f.y<=i.y)for(b=f.y;b<=i.y;b++)if(f.x<=i.x)for(a=f.x;a<=i.x;a++)e.push({node:c("tbody>tr:eq("+b+")>td:eq("+a+")",g)[0],x:a-f.x,y:b-f.y,colIdx:h(a)});else for(a=f.x;a>=i.x;a--)e.push({node:c("tbody>tr:eq("+b+")>td:eq("+a+")",g)[0],x:a-f.x,y:b-f.y,colIdx:h(a)});else for(b=f.y;b>=i.y;b--)if(f.x<=i.x)for(a=f.x;a<=i.x;a++)e.push({node:c("tbody>tr:eq("+b+")>td:eq("+a+")",g)[0],x:a-f.x,y:b-f.y,colIdx:h(a)});else for(a=f.x;a>=i.x;a--)e.push({node:c("tbody>tr:eq("+b+")>td:eq("+a+")",g)[0],x:f.x-a,y:f.y- +b,colIdx:h(a)});if(!(1>=e.length)){var g=[],m;b=0;for(a=e.length;bg||0>f?-1:1)):a===m?b:a}}};return h};"function"===typeof define&&define.amd? +define(["jquery","datatables"],l):"object"===typeof exports?l(require("jquery"),require("datatables")):jQuery&&!jQuery.fn.dataTable.AutoFill&&l(jQuery,jQuery.fn.dataTable)})(window,document); diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/Readme.txt b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/Readme.txt new file mode 100644 index 0000000..6adb50d --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/Readme.txt @@ -0,0 +1,39 @@ +# ColReorder + +ColReorder adds the ability for the end user to click and drag column headers to reorder a table as they see fit, to DataTables. Key features include: + +* Very easy integration with DataTables +* Tight integration with all other DataTables plug-ins +* The ability to exclude the first (or more) column from being movable +* Predefine a column order +* Save staving integration with DataTables + + +# Installation + +To use ColReorder, first download DataTables ( http://datatables.net/download ) and place the unzipped ColReorder package into a `extensions` directory in the DataTables package. This will allow the pages in the examples to operate correctly. To see the examples running, open the `examples` directory in your web-browser. + + +# Basic usage + +ColReorder is initialised using the `R` option that it adds to DataTables' `dom` option. For example: + +```js +$(document).ready( function () { + $('#example').dataTable( { + "dom": 'Rlfrtip' + } ); +} ); +``` + + +# Documentation / support + +* Documentation: http://datatables.net/extensions/colreorder/ +* DataTables support forums: http://datatables.net/forums + + +# GitHub + +If you fancy getting involved with the development of ColReorder and help make it better, please refer to its GitHub repo: https://github.com/DataTables/ColReorder + diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/css/dataTables.colReorder.css b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/css/dataTables.colReorder.css new file mode 100644 index 0000000..989c069 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/css/dataTables.colReorder.css @@ -0,0 +1,14 @@ +/* + * Namespace DTCR - "DataTables ColReorder" plug-in + */ + +table.DTCR_clonedTable { + background-color: rgba(255, 255, 255, 0.7); + z-index: 202; +} + +div.DTCR_pointer { + width: 1px; + background-color: #0259C4; + z-index: 201; +} \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/css/dataTables.colReorder.min.css b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/css/dataTables.colReorder.min.css new file mode 100644 index 0000000..7894790 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/css/dataTables.colReorder.min.css @@ -0,0 +1 @@ +table.DTCR_clonedTable{background-color:rgba(255,255,255,0.7);z-index:202}div.DTCR_pointer{width:1px;background-color:#0259C4;z-index:201} diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/alt_insert.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/alt_insert.html new file mode 100644 index 0000000..23bc9b7 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/alt_insert.html @@ -0,0 +1,649 @@ + + + + + + + + ColReorder example - Alternative insert styling + + + + + + + + + + + + + + +
+
+

ColReorder example Alternative insert styling

+ +
+

Using CSS it is easy to modify the insert bar to suit your web-site. This example shows how an arrow + can be used to show the insert point rather than the straight bar used in the other examples by simply + adding an extra CSS rule to include the image.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + $('#example').DataTable( { + dom: 'Rlfrtip' + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

div.DTCR_pointer { + margin-top: -15px; + margin-left: -9px; + width: 18px; + background: url('../images/insert.png') no-repeat top left; +} +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/col_filter.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/col_filter.html new file mode 100644 index 0000000..87df9b0 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/col_filter.html @@ -0,0 +1,669 @@ + + + + + + + + ColReorder example - Individual column filtering + + + + + + + + + + + + + + +
+
+

ColReorder example Individual column filtering

+ +
+

This example of how to use ColReorder shows how it can with with DataTables' ability to do + individual column filtering. The basic example is exactly the same as the DataTables column filtering + example, but with ColReorder also added to the table (through the R option for domDT).

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + // Setup - add a text input to each footer cell + $('#example tfoot th').each( function () { + var title = $('#example thead th').eq( $(this).index() ).text(); + $(this).html( '<input type="text" placeholder="Search '+title+'" />' ); + } ); + + // DataTable + var table = $('#example').DataTable( { + dom: 'Rlfrtip' + } ); + + // Apply the filter + $("#example tfoot input").on( 'keyup change', function () { + table + .column( $(this).parent().index()+':visible' ) + .search( this.value ) + .draw(); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/colvis.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/colvis.html new file mode 100644 index 0000000..6f83141 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/colvis.html @@ -0,0 +1,649 @@ + + + + + + + + ColReorder example - ColVis integration + + + + + + + + + + + + + + + + +
+
+

ColReorder example ColVis integration

+ +
+

ColReorder interfaces with the ColVis extension for + DataTables by updating the order of the list of columns whenever a reorder is done. This is shown in + the example below, where one column has been initially hidden to add extra emphasis to ColVis.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable( { + dom: 'RC<"clear">lfrtip', + columnDefs: [ + { visible: false, targets: 1 } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/fixedcolumns.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/fixedcolumns.html new file mode 100644 index 0000000..409f03a --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/fixedcolumns.html @@ -0,0 +1,846 @@ + + + + + + + + ColReorder example - FixedColumns integration + + + + + + + + + + + + + + + + +
+
+

ColReorder example FixedColumns integration

+ +
+

While ColReorder works with the built-in scrolling options in DataTables (scrollYDT and scrollXDT) and also the FixedColumns extension.

+ +

ColReorder provides the fixedColumnsLeft and fixedColumnsRight options + which allows you disallow reordering of the fixed columns (which is required).

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
First nameLast namePositionOfficeAgeStart dateSalaryExtn.E-mail
TigerNixonSystem ArchitectEdinburgh612011/04/25$320,8005421t.nixon@datatables.net
GarrettWintersAccountantTokyo632011/07/25$170,7508422g.winters@datatables.net
AshtonCoxJunior Technical AuthorSan Francisco662009/01/12$86,0001562a.cox@datatables.net
CedricKellySenior Javascript DeveloperEdinburgh222012/03/29$433,0606224c.kelly@datatables.net
AiriSatouAccountantTokyo332008/11/28$162,7005407a.satou@datatables.net
BrielleWilliamsonIntegration SpecialistNew York612012/12/02$372,0004804b.williamson@datatables.net
HerrodChandlerSales AssistantSan Francisco592012/08/06$137,5009608h.chandler@datatables.net
RhonaDavidsonIntegration SpecialistTokyo552010/10/14$327,9006200r.davidson@datatables.net
ColleenHurstJavascript DeveloperSan Francisco392009/09/15$205,5002360c.hurst@datatables.net
SonyaFrostSoftware EngineerEdinburgh232008/12/13$103,6001667s.frost@datatables.net
JenaGainesOffice ManagerLondon302008/12/19$90,5603814j.gaines@datatables.net
QuinnFlynnSupport LeadEdinburgh222013/03/03$342,0009497q.flynn@datatables.net
ChardeMarshallRegional DirectorSan Francisco362008/10/16$470,6006741c.marshall@datatables.net
HaleyKennedySenior Marketing DesignerLondon432012/12/18$313,5003597h.kennedy@datatables.net
TatyanaFitzpatrickRegional DirectorLondon192010/03/17$385,7501965t.fitzpatrick@datatables.net
MichaelSilvaMarketing DesignerLondon662012/11/27$198,5001581m.silva@datatables.net
PaulByrdChief Financial Officer (CFO)New York642010/06/09$725,0003059p.byrd@datatables.net
GloriaLittleSystems AdministratorNew York592009/04/10$237,5001721g.little@datatables.net
BradleyGreerSoftware EngineerLondon412012/10/13$132,0002558b.greer@datatables.net
DaiRiosPersonnel LeadEdinburgh352012/09/26$217,5002290d.rios@datatables.net
JenetteCaldwellDevelopment LeadNew York302011/09/03$345,0001937j.caldwell@datatables.net
YuriBerryChief Marketing Officer (CMO)New York402009/06/25$675,0006154y.berry@datatables.net
CaesarVancePre-Sales SupportNew York212011/12/12$106,4508330c.vance@datatables.net
DorisWilderSales AssistantSidney232010/09/20$85,6003023d.wilder@datatables.net
AngelicaRamosChief Executive Officer (CEO)London472009/10/09$1,200,0005797a.ramos@datatables.net
GavinJoyceDeveloperEdinburgh422010/12/22$92,5758822g.joyce@datatables.net
JenniferChangRegional DirectorSingapore282010/11/14$357,6509239j.chang@datatables.net
BrendenWagnerSoftware EngineerSan Francisco282011/06/07$206,8501314b.wagner@datatables.net
FionaGreenChief Operating Officer (COO)San Francisco482010/03/11$850,0002947f.green@datatables.net
ShouItouRegional MarketingTokyo202011/08/14$163,0008899s.itou@datatables.net
MichelleHouseIntegration SpecialistSidney372011/06/02$95,4002769m.house@datatables.net
SukiBurksDeveloperLondon532009/10/22$114,5006832s.burks@datatables.net
PrescottBartlettTechnical AuthorLondon272011/05/07$145,0003606p.bartlett@datatables.net
GavinCortezTeam LeaderSan Francisco222008/10/26$235,5002860g.cortez@datatables.net
MartenaMccrayPost-Sales supportEdinburgh462011/03/09$324,0508240m.mccray@datatables.net
UnityButlerMarketing DesignerSan Francisco472009/12/09$85,6755384u.butler@datatables.net
HowardHatfieldOffice ManagerSan Francisco512008/12/16$164,5007031h.hatfield@datatables.net
HopeFuentesSecretarySan Francisco412010/02/12$109,8506318h.fuentes@datatables.net
VivianHarrellFinancial ControllerSan Francisco622009/02/14$452,5009422v.harrell@datatables.net
TimothyMooneyOffice ManagerLondon372008/12/11$136,2007580t.mooney@datatables.net
JacksonBradshawDirectorNew York652008/09/26$645,7501042j.bradshaw@datatables.net
OliviaLiangSupport EngineerSingapore642011/02/03$234,5002120o.liang@datatables.net
BrunoNashSoftware EngineerLondon382011/05/03$163,5006222b.nash@datatables.net
SakuraYamamotoSupport EngineerTokyo372009/08/19$139,5759383s.yamamoto@datatables.net
ThorWaltonDeveloperNew York612013/08/11$98,5408327t.walton@datatables.net
FinnCamachoSupport EngineerSan Francisco472009/07/07$87,5002927f.camacho@datatables.net
SergeBaldwinData CoordinatorSingapore642012/04/09$138,5758352s.baldwin@datatables.net
ZenaidaFrankSoftware EngineerNew York632010/01/04$125,2507439z.frank@datatables.net
ZoritaSerranoSoftware EngineerSan Francisco562012/06/01$115,0004389z.serrano@datatables.net
JenniferAcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,6503431j.acosta@datatables.net
CaraStevensSales AssistantNew York462011/12/06$145,6003990c.stevens@datatables.net
HermioneButlerRegional DirectorLondon472011/03/21$356,2501016h.butler@datatables.net
LaelGreerSystems AdministratorLondon212009/02/27$103,5006733l.greer@datatables.net
JonasAlexanderDeveloperSan Francisco302010/07/14$86,5008196j.alexander@datatables.net
ShadDeckerRegional DirectorEdinburgh512008/11/13$183,0006373s.decker@datatables.net
MichaelBruceJavascript DeveloperSingapore292011/06/27$183,0005384m.bruce@datatables.net
DonnaSniderCustomer SupportNew York272011/01/25$112,0004226d.snider@datatables.net
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + window.table = $('#example').DataTable( { + dom: 'Rlfrtip', + scrollX: true, + scrollCollapse: true, + columnDefs: [ + { sortable: false, targets: 0 }, + { sortable: false, targets: -1 } + ], + sorting: [[ 1, 'asc' ]], + colReorder: { + fixedColumnsLeft: 1, + fixedColumnsRight: 1 + } + } ); + + window.fc = new $.fn.dataTable.FixedColumns( table, { + leftColumns: 1, + rightColumns: 1 + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/fixedheader.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/fixedheader.html new file mode 100644 index 0000000..5c0eccc --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/fixedheader.html @@ -0,0 +1,649 @@ + + + + + + + + ColReorder example - FixedHeader integration + + + + + + + + + + + + + + + + +
+
+

ColReorder example FixedHeader integration

+ +
+

FixedHeader is a particularly useful plug-in for DataTables, allowing a table header to float at the + top of a scrolling window. ColReorder works well with FixedHeader, allowing you to reorder columns even + using the floating header, as shown in the example below.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').dataTable( { + dom: 'Rlfrtip' + } ); + + new $.fn.dataTable.fixedHeader( table ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/index.html new file mode 100644 index 0000000..0d02c4d --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/index.html @@ -0,0 +1,78 @@ + + + + + + + + + + + + + ColReorder examples - ColReorder examples + + + +
+
+

ColReorder example ColReorder examples

+ +
+

ColReorder adds the ability for the end user to click and drag column headers to reorder a table as + they see fit, to DataTables. Key features include:

+ +
    +
  • Very easy integration with DataTables
    • +
  • Tight integration with all other DataTables plug-ins
    • +
  • The ability to exclude the first (or more) column from being movable
    • +
  • Predefine a column order
    • +
  • Save staving integration with DataTables
    • +
+
+
+
+ +
+
+
+ +
+
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/jqueryui.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/jqueryui.html new file mode 100644 index 0000000..7baaebf --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/jqueryui.html @@ -0,0 +1,652 @@ + + + + + + + + ColReorder example - jQuery UI styling + + + + + + + + + + + + + + + + +
+
+

ColReorder example jQuery UI styling

+ +
+

This example shows how the jQuery UI ThemeRoller option in DataTables can be used with + ColReorder.

+ +

The important thing to note here is that it is easier to use new + $.fn.dataTable.ColReorder() to add ColReorder to the table rather than domDT as the jQuery UI integration uses a + complex expression for domDT.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').dataTable(); + + new $.fn.dataTable.ColReorder( table ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/new_init.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/new_init.html new file mode 100644 index 0000000..07b22e7 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/new_init.html @@ -0,0 +1,639 @@ + + + + + + + + ColReorder example - Initialisation using `new` + + + + + + + + + + + + + + +
+
+

ColReorder example Initialisation using `new`

+ +
+

As well as providing the option to be initialised through the R option of domDT, ColReorder can also be added to a + DataTable using direct initialisation - new $.fn.dataTable.ColReorder(); as shown in this + example.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + new $.fn.dataTable.ColReorder( table ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/predefined.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/predefined.html new file mode 100644 index 0000000..831c123 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/predefined.html @@ -0,0 +1,648 @@ + + + + + + + + ColReorder example - Predefined column ordering + + + + + + + + + + + + + + +
+
+

ColReorder example Predefined column ordering

+ +
+

ColReorder provides the ability to specify a column ordering which is not that of the HTML (which + typically you will want) through the parameter colReorder.order. This is an array of + integers with the column ordering you want.

+ +

For full information about the ColReorder options, please refer to the ColReorder options documentation.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + $('#example').dataTable( { + dom: 'Rlfrtip', + colReorder: { + order: [ 4, 3, 2, 1, 0, 5 ] + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/realtime.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/realtime.html new file mode 100644 index 0000000..06f19cd --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/realtime.html @@ -0,0 +1,649 @@ + + + + + + + + ColReorder example - Realtime updating + + + + + + + + + + + + + + +
+
+

ColReorder example Realtime updating

+ +
+

While the ColReorder insertion point indicator can be styled, another option to show the end user + what the column will look like when the table has been reordered is to actually do the reordering while + the mouse is still dragging the column header. This is shown in this example and is controlled by the + realtime parameter.

+ +

For full information about the ColReorder options, please refer to the ColReorder options documentation.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + $('#example').dataTable( { + dom: 'Rlfrtip', + colReorder: { + realtime: true + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/reset.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/reset.html new file mode 100644 index 0000000..cabeb49 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/reset.html @@ -0,0 +1,662 @@ + + + + + + + + ColReorder example - Reset ordering API + + + + + + + + + + + + + + +
+
+

ColReorder example Reset ordering API

+ +
+

One useful control option to present the end user when using ColReorder is the ability to reset the + column ordering to that which was found in the HTML. This can be done by calling the reset + API function. While ColReorder does not provide a visual element for this itself (in order to provide + maximum flexibility) it is easy to hook to an event handler, as shown in this example.

+ +

For full information about the ColReorder API, please refer to the ColReorder API documentation.

+

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable( { + dom: 'Rlfrtip', + colReorder: { + order: [ 4, 3, 2, 1, 0 ] + } + } ); + + $('#reset').click( function (e) { + e.preventDefault(); + + table.colReorder.reset(); + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/scrolling.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/scrolling.html new file mode 100644 index 0000000..0e3f2dc --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/scrolling.html @@ -0,0 +1,645 @@ + + + + + + + + ColReorder example - Scrolling table + + + + + + + + + + + + + + +
+
+

ColReorder example Scrolling table

+ +
+

This is a simple example to show ColReorder working with DataTables scrolling (scrollYDT and scrollXDT).

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + $('#example').dataTable( { + dom: 'Rlfrtip', + scrollY: '200px', + paging: false + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/server_side.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/server_side.html new file mode 100644 index 0000000..cbbb074 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/server_side.html @@ -0,0 +1,205 @@ + + + + + + + + ColReorder example - Server-side processing + + + + + + + + + + + + + + +
+
+

ColReorder example Server-side processing

+ +
+

Server-side processing can be exceptionally useful in DataTables when dealing with massive data + sets, and ColReorder works with this as would be expected.

+ +

It is recommend that you use object based data with server-side processing and ColReorder, as this + provides easily understandable mapping between the the columns and the data relation on the server, + otherwise you need to work out array indexes on each call!

+
+ + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeExtn.Start dateSalary
NamePositionOfficeExtn.Start dateSalary
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + $('#example').dataTable( { + dom: 'Rlfrtip', + processing: true, + serverSide: true, + ajax: "../../../examples/server_side/scripts/objects.php", + columns: [ + { data: "first_name" }, + { data: "last_name" }, + { data: "position" }, + { data: "office" }, + { data: "start_date" }, + { data: "salary" } + ] + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/simple.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/simple.html new file mode 100644 index 0000000..950b1b7 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/simple.html @@ -0,0 +1,644 @@ + + + + + + + + ColReorder example - Basic initialisation + + + + + + + + + + + + + + +
+
+

ColReorder example Basic initialisation

+ +
+

This example shows the basic use case of the ColReorder plug-in. With ColReorder enabled for a + table, the user has the ability to click and drag any table header cell, and drop it where they wish + the column to be inserted. The insert point is shown visually, and the column reordering is done as + soon as the mouse button is released.

+ +

ColReorder is added to a DataTable through the R character that it adds to DataTables + feature plug-ins. This means that you simply add the character R to the domDT parameter for your table to add + ColReorder - as shown in the example below.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + $('#example').DataTable( { + dom: 'Rlfrtip' + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/state_save.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/state_save.html new file mode 100644 index 0000000..02d943d --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/examples/state_save.html @@ -0,0 +1,643 @@ + + + + + + + + ColReorder example - State saving + + + + + + + + + + + + + + +
+
+

ColReorder example State saving

+ +
+

A useful interaction pattern to use in DataTables is state saving, so when the end user reloads or + revisits a page its previous state is retained. ColReorder works seamlessly with state saving in + DataTables (stateSaveDT), remembering and restoring the + column positions, as well as everything else such as sorting and filtering.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + $('#example').dataTable( { + dom: 'Rlfrtip', + stateSave: true + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/images/insert.png b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/images/insert.png new file mode 100644 index 0000000..15d5522 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/images/insert.png diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/js/dataTables.colReorder.js b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/js/dataTables.colReorder.js new file mode 100644 index 0000000..4142766 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/ColReorder/js/dataTables.colReorder.js @@ -0,0 +1,1371 @@ +/*! ColReorder 1.1.2 + * ©2010-2014 SpryMedia Ltd - datatables.net/license + */ + +/** + * @summary ColReorder + * @description Provide the ability to reorder columns in a DataTable + * @version 1.1.2 + * @file dataTables.colReorder.js + * @author SpryMedia Ltd (www.sprymedia.co.uk) + * @contact www.sprymedia.co.uk/contact + * @copyright Copyright 2010-2014 SpryMedia Ltd. + * + * This source file is free software, available under the following license: + * MIT license - http://datatables.net/license/mit + * + * This source file is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + * + * For details please refer to: http://www.datatables.net + */ + +(function(window, document, undefined) { + + +/** + * Switch the key value pairing of an index array to be value key (i.e. the old value is now the + * key). For example consider [ 2, 0, 1 ] this would be returned as [ 1, 2, 0 ]. + * @method fnInvertKeyValues + * @param array aIn Array to switch around + * @returns array + */ +function fnInvertKeyValues( aIn ) +{ + var aRet=[]; + for ( var i=0, iLen=aIn.length ; i= iCols ) + { + this.oApi._fnLog( oSettings, 1, "ColReorder 'from' index is out of bounds: "+iFrom ); + return; + } + + if ( iTo < 0 || iTo >= iCols ) + { + this.oApi._fnLog( oSettings, 1, "ColReorder 'to' index is out of bounds: "+iTo ); + return; + } + + /* + * Calculate the new column array index, so we have a mapping between the old and new + */ + var aiMapping = []; + for ( i=0, iLen=iCols ; i this.s.fixed-1 && i < iLen - this.s.fixedRight ) + { + this._fnMouseListener( i, this.s.dt.aoColumns[i].nTh ); + } + + /* Mark the original column order for later reference */ + this.s.dt.aoColumns[i]._ColReorder_iOrigCol = i; + } + + /* State saving */ + this.s.dt.oApi._fnCallbackReg( this.s.dt, 'aoStateSaveParams', function (oS, oData) { + that._fnStateSave.call( that, oData ); + }, "ColReorder_State" ); + + /* An initial column order has been specified */ + var aiOrder = null; + if ( this.s.init.aiOrder ) + { + aiOrder = this.s.init.aiOrder.slice(); + } + + /* State loading, overrides the column order given */ + if ( this.s.dt.oLoadedState && typeof this.s.dt.oLoadedState.ColReorder != 'undefined' && + this.s.dt.oLoadedState.ColReorder.length == this.s.dt.aoColumns.length ) + { + aiOrder = this.s.dt.oLoadedState.ColReorder; + } + + /* If we have an order to apply - do so */ + if ( aiOrder ) + { + /* We might be called during or after the DataTables initialisation. If before, then we need + * to wait until the draw is done, if after, then do what we need to do right away + */ + if ( !that.s.dt._bInitComplete ) + { + var bDone = false; + this.s.dt.aoDrawCallback.push( { + "fn": function () { + if ( !that.s.dt._bInitComplete && !bDone ) + { + bDone = true; + var resort = fnInvertKeyValues( aiOrder ); + that._fnOrderColumns.call( that, resort ); + } + }, + "sName": "ColReorder_Pre" + } ); + } + else + { + var resort = fnInvertKeyValues( aiOrder ); + that._fnOrderColumns.call( that, resort ); + } + } + else { + this._fnSetColumnIndexes(); + } + }, + + + /** + * Set the column order from an array + * @method _fnOrderColumns + * @param array a An array of integers which dictate the column order that should be applied + * @returns void + * @private + */ + "_fnOrderColumns": function ( a ) + { + if ( a.length != this.s.dt.aoColumns.length ) + { + this.s.dt.oInstance.oApi._fnLog( this.s.dt, 1, "ColReorder - array reorder does not "+ + "match known number of columns. Skipping." ); + return; + } + + for ( var i=0, iLen=a.length ; i
') + .addClass( 'DTCR_pointer' ) + .css( { + position: 'absolute', + top: scrolling ? + $('div.dataTables_scroll', this.s.dt.nTableWrapper).offset().top : + $(this.s.dt.nTable).offset().top, + height : scrolling ? + $('div.dataTables_scroll', this.s.dt.nTableWrapper).height() : + $(this.s.dt.nTable).height() + } ) + .appendTo( 'body' ); + }, + + /** + * Clean up ColReorder memory references and event handlers + * @method _fnDestroy + * @returns void + * @private + */ + "_fnDestroy": function () + { + var i, iLen; + + for ( i=0, iLen=this.s.dt.aoDrawCallback.length ; if||f>=m)this.oApi._fnLog(b,1,"ColReorder 'from' index is out of bounds: "+f);else if(0>a||a>=m)this.oApi._fnLog(b,1,"ColReorder 'to' index is out of bounds: "+a);else{j=[];c=0;for(d=m;cthis.s.fixed-1&&cMath.pow(Math.pow(a.pageX-this.s.mouse.startX,2)+Math.pow(a.pageY-this.s.mouse.startY,2),0.5))return;this._fnCreateDragNode()}this.dom.drag.css({left:a.pageX-this.s.mouse.offsetX,top:a.pageY-this.s.mouse.offsetY});for(var b=!1,c=this.s.mouse.toIndex,d=1,f=this.s.aoTargets.length;d
").addClass("DTCR_pointer").css({position:"absolute",top:a?b("div.dataTables_scroll",this.s.dt.nTableWrapper).offset().top:b(this.s.dt.nTable).offset().top,height:a?b("div.dataTables_scroll",this.s.dt.nTableWrapper).height():b(this.s.dt.nTable).height()}).appendTo("body")}, +_fnDestroy:function(){var a,e;a=0;for(e=this.s.dt.aoDrawCallback.length;a
')[0], +f=c.childNodes[0],g=c.childNodes[1];this.dom.grid.dt.parentNode.insertBefore(c,this.dom.grid.dt);c.appendChild(this.dom.grid.dt);this.dom.grid.wrapper=c;0b.clientWidth&&(c.x=!0);a.offsetHeight>b.clientHeight&&(c.y=!0);return c},_fnDraw:function(a){this._fnGridLayout();this._fnCloneLeft(a);this._fnCloneRight(a);null!==this.s.fnDrawCallback&&this.s.fnDrawCallback.call(this,this.dom.clone.left,this.dom.clone.right);d(this).trigger("draw.dtfc",{leftClone:this.dom.clone.left,rightClone:this.dom.clone.right})},_fnCloneRight:function(a){if(!(0>= +this.s.iRightColumns)){var b,c=[];for(b=this.s.iTableColumns-this.s.iRightColumns;b=this.s.iLeftColumns)){var b,c=[];for(b=0;bthead",a.header);k.empty();e=0;for(i=m.length;ethead",a.header)[0]);e=0;for(i=m.length;etbody>tr",g.dom.body).css("height","auto");null!==a.body&&(a.body.parentNode.removeChild(a.body),a.body=null);a.body=d(this.dom.body).clone(!0)[0];a.body.className+=" DTFC_Cloned";a.body.style.paddingBottom=this.s.dt.oScroll.iBarWidth+"px";a.body.style.marginBottom=2*this.s.dt.oScroll.iBarWidth+"px";null!==a.body.getAttribute("id")&&a.body.removeAttribute("id"); +d(">thead>tr",a.body).empty();d(">tfoot",a.body).remove();var o=d("tbody",a.body)[0];d(o).empty();if(0thead>tr",a.body)[0];for(n=0;ntbody>tr",g.dom.body).each(function(){var a=this.cloneNode(false);a.removeAttribute("id");var b= +d(this).children("td, th");for(n=0;n0){l=d(b[j]).clone(true,true)[0];a.appendChild(l)}}o.appendChild(a)})}else d(">tbody>tr",g.dom.body).each(function(){l=this.cloneNode(true);l.className=l.className+" DTFC_NoData";d("td",l).html("");o.appendChild(l)});a.body.style.width="100%";a.body.style.margin="0";a.body.style.padding="0";f&&"undefined"!=typeof this.s.dt.oScroller&&b.liner.appendChild(this.s.dt.oScroller.dom.force.cloneNode(!0));b.liner.appendChild(a.body);this._fnEqualiseHeights("tbody", +g.dom.body,a.body);if(null!==this.s.dt.nTFoot){if(f){null!==a.footer&&a.footer.parentNode.removeChild(a.footer);a.footer=d(this.dom.footer).clone(!0,!0)[0];a.footer.className+=" DTFC_Cloned";a.footer.style.width="100%";b.foot.appendChild(a.footer);m=this._fnCopyLayout(this.s.dt.aoFooter,c);b=d(">tfoot",a.footer);b.empty();e=0;for(i=m.length;etfoot",a.footer)[0]);e=0;for(i=m.length;ethead",a.header)[0]);d(b).each(function(a){j=c[a];this.style.width=g.s.aiInnerWidths[j]+"px"});null!==g.s.dt.nTFoot&&(b=this.s.dt.oApi._fnGetUniqueThs(this.s.dt,d(">tfoot",a.footer)[0]),d(b).each(function(a){j=c[a];this.style.width=g.s.aiInnerWidths[j]+"px"}))},_fnGetTrNodes:function(a){for(var b= +[],c=0,d=a.childNodes.length;c"+a+">tr:eq(0)",b).children(":first");a.outerHeight();a.height();for(var e=this._fnGetTrNodes(e),b=this._fnGetTrNodes(c),i=[],c=0,a=b.length;cf?g:f,"semiauto"==this.s.sHeightMatch&& +(e[c]._DTTC_iHeight=f),i.push(f);c=0;for(a=b.length;c + + + + + + + FixedHeader example - Header and footer fixed + + + + + + + + + + + + + + +
+
+

FixedHeader example Header and footer fixed

+ +
+

FixedHeader provides the ability to fix in place the header, footer, left and right columns of the + table. These are controlled by the options:

+ +
    +
  • top - default true
    • +
  • bottom - default false
    • +
  • left - default false
    • +
  • right - default false
    • +
+ +

This example shows the header and footer of the table fixed by enabling the bottom + option.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + new $.fn.dataTable.FixedHeader( table, { + bottom: true + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/index.html new file mode 100644 index 0000000..6773713 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/index.html @@ -0,0 +1,69 @@ + + + + + + + + + + + + + FixedHeader examples - FixedHeader examples + + + +
+
+

FixedHeader example FixedHeader examples

+ +
+

At times it can be useful to ensure that column titles will remain always visible on a table, even + when a user scrolls down a table. The FixedHeader plug-in for DataTables will float the thead element above the table at all times to help address this issue. + The column titles also remain click-able to perform sorting. Key features include:

+ +
    +
  • Fix the header to the top of the window
    • +
  • Ability to fix the footer and left / right columns as well
    • +
  • z-Index ordering options
    • +
+
+
+
+ +
+
+
+ +
+
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/simple.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/simple.html new file mode 100644 index 0000000..c6c15c5 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/simple.html @@ -0,0 +1,637 @@ + + + + + + + + FixedHeader example - Basic initialisation + + + + + + + + + + + + + + +
+
+

FixedHeader example Basic initialisation

+ +
+

When displaying large amounts of data in a table, it can often be useful for the end user to have + the column titles (the thead element as a whole in fact) + always visible. This is particularly true if using DataTables with pagination disabled, or the display + length is set to a high value.

+ +

The FixedHeader extension for DataTables will ensure that your column titles will scroll with the + page, showing at the top of the table at all times. Try the demo shown below - you might want to try + resizing the window for full effect! Note also that the column titles remain clickable to perform + sorting on the table.

+ +

FixedHeader is initialised using the constructor new $.fn.dataTable.FixedHeader(); - + shown below.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + new $.fn.dataTable.FixedHeader( table ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/top_left_right.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/top_left_right.html new file mode 100644 index 0000000..04304d2 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/top_left_right.html @@ -0,0 +1,236 @@ + + + + + + + + FixedHeader example - Header, left and right all fixed + + + + + + + + + + + + + + +
+
+

FixedHeader example Header, left and right all fixed

+ +
+

FixedHeader provides the ability to fix in place the header, footer, left and right columns of the + table. These are controlled by the options:

+ +
    +
  • top - default true
    • +
  • bottom - default false
    • +
  • left - default false
    • +
  • right - default false
    • +
+ +

This example shows top, left and right enabled with index columns on the left and right.

+ +

Note that in such a situation as this, the FixedColumns extension might be more useful, + particularly if you want to use the scrolling options built into DataTables.

+
+ +
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable( { + "order": [ 1, 'asc' ], + "ajax": "../../../examples/ajax/data/objects.txt", + "columns": [ + { title: '', data: null, defaultContent: "" }, + { title: 'Name', data: "name" }, + { title: 'Position', data: "position" }, + { title: 'Office', data: "office" }, + { title: 'Extn.', data: "extn" }, + { title: 'Start date', data: "start_date" }, + { title: 'Salary', data: "salary" }, + { title: '', data: null, defaultContent: "" } + ], + initComplete: function () { + new $.fn.dataTable.FixedHeader( table, { + left: true, + right: true + } ); + } + } ); + + table.on( 'order.dt search.dt', function () { + table.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) { + cell.innerHTML = i+1; + } ); + + table.column(-1, {search:'applied', order:'applied'}).nodes().each( function (cell, i) { + cell.innerHTML = i+1; + } ); + } ).draw(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

div.dataTables_wrapper { + width: 150%; + } + + div.FixedHeader_Cloned.fixedLeft tbody td { + border-right: 1px solid black; + } + + div.FixedHeader_Cloned.fixedRight tbody td { + border-left: 1px solid black; + } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/two_tables.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/two_tables.html new file mode 100644 index 0000000..5b9e8f0 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/two_tables.html @@ -0,0 +1,354 @@ + + + + + + + + FixedHeader example - Multiple tables + + + + + + + + + + + + + + +
+
+

FixedHeader example Multiple tables

+ +
+

The following example shows two DataTables enhanced tables both with FixedHeader enabled on them. + This is done simply by initialising FixedHeader on each table. This example also shows the footer being + fixed in place for the two tables.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeSalary
NamePositionOfficeAgeSalary
Tiger NixonSystem ArchitectEdinburgh61$320,800
Cedric KellySenior Javascript DeveloperEdinburgh22$433,060
Sonya FrostSoftware EngineerEdinburgh23$103,600
Quinn FlynnSupport LeadEdinburgh22$342,000
Dai RiosPersonnel LeadEdinburgh35$217,500
Gavin JoyceDeveloperEdinburgh42$92,575
Martena MccrayPost-Sales supportEdinburgh46$324,050
Jennifer AcostaJunior Javascript DeveloperEdinburgh43$75,650
Shad DeckerRegional DirectorEdinburgh51$183,000
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeSalary
NamePositionOfficeAgeSalary
Jena GainesOffice ManagerLondon30$90,560
Haley KennedySenior Marketing DesignerLondon43$313,500
Tatyana FitzpatrickRegional DirectorLondon19$385,750
Michael SilvaMarketing DesignerLondon66$198,500
Bradley GreerSoftware EngineerLondon41$132,000
Angelica RamosChief Executive Officer (CEO)London47$1,200,000
Suki BurksDeveloperLondon53$114,500
Prescott BartlettTechnical AuthorLondon27$145,000
Timothy MooneyOffice ManagerLondon37$136,200
Bruno NashSoftware EngineerLondon38$163,500
Hermione ButlerRegional DirectorLondon47$356,250
Lael GreerSystems AdministratorLondon21$103,500
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var t1 = $('table.display').eq(0).DataTable(); + new $.fn.dataTable.FixedHeader( t1, { + bottom: true + } ); + + var t2 = $('table.display').eq(1).DataTable(); + new $.fn.dataTable.FixedHeader( t2, { + bottom: true + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/zIndexes.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/zIndexes.html new file mode 100644 index 0000000..2e20a64 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/examples/zIndexes.html @@ -0,0 +1,653 @@ + + + + + + + + FixedHeader example - z-index order control + + + + + + + + + + + + + + +
+
+

FixedHeader example z-index order control

+ +
+

When you have two or more columns fixed on a table, there might be occasions when you which to have + one column floating on top of another. This example shows how you can do that with the initialisation + parameters zTop, zBottom, zLeft and zRight. In this + example the left column is set to float on top of the header. The difference is subtle, but can be + effective.

+ +

The default zIndexes are:

+ +
    +
  • zTop: 104
    • +
  • zBottom: 103
    • +
  • zLeft: 102
    • +
  • zRight: 101
    • +
+ +

This example shows the left column being floated on top of the header.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + new $.fn.dataTable.FixedHeader( table, { + left: true, + zLeft: 105 + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

div.dataTables_wrapper { + width: 1500px; + } +
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/js/dataTables.fixedHeader.js b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/js/dataTables.fixedHeader.js new file mode 100644 index 0000000..a9ad927 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/FixedHeader/js/dataTables.fixedHeader.js @@ -0,0 +1,1028 @@ +/*! FixedHeader 2.1.2 + * ©2010-2014 SpryMedia Ltd - datatables.net/license + */ + +/** + * @summary FixedHeader + * @description Fix a table's header or footer, so it is always visible while + * Scrolling + * @version 2.1.2 + * @file dataTables.fixedHeader.js + * @author SpryMedia Ltd (www.sprymedia.co.uk) + * @contact www.sprymedia.co.uk/contact + * @copyright Copyright 2009-2014 SpryMedia Ltd. + * + * This source file is free software, available under the following license: + * MIT license - http://datatables.net/license/mit + * + * This source file is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + * + * For details please refer to: http://www.datatables.net + */ + +/* Global scope for FixedColumns for backwards compatibility - will be removed + * in future. Not documented in 1.1.x. + */ + +/* Global scope for FixedColumns */ +var FixedHeader; + +(function(window, document, undefined) { + + +var factory = function( $, DataTable ) { +"use strict"; + +/* + * Function: FixedHeader + * Purpose: Provide 'fixed' header, footer and columns for a DataTable + * Returns: object:FixedHeader - must be called with 'new' + * Inputs: mixed:mTable - target table + * @param {object} dt DataTables instance or HTML table node. With DataTables + * 1.10 this can also be a jQuery collection (with just a single table in its + * result set), a jQuery selector, DataTables API instance or settings + * object. + * @param {object} [oInit] initialisation settings, with the following + * properties (each optional) + * * bool:top - fix the header (default true) + * * bool:bottom - fix the footer (default false) + * * int:left - fix the left column(s) (default 0) + * * int:right - fix the right column(s) (default 0) + * * int:zTop - fixed header zIndex + * * int:zBottom - fixed footer zIndex + * * int:zLeft - fixed left zIndex + * * int:zRight - fixed right zIndex + */ +FixedHeader = function ( mTable, oInit ) { + /* Sanity check - you just know it will happen */ + if ( ! this instanceof FixedHeader ) + { + alert( "FixedHeader warning: FixedHeader must be initialised with the 'new' keyword." ); + return; + } + + var that = this; + var oSettings = { + "aoCache": [], + "oSides": { + "top": true, + "bottom": false, + "left": 0, + "right": 0 + }, + "oZIndexes": { + "top": 104, + "bottom": 103, + "left": 102, + "right": 101 + }, + "oCloneOnDraw": { + "top": false, + "bottom": false, + "left": true, + "right": true + }, + "oMes": { + "iTableWidth": 0, + "iTableHeight": 0, + "iTableLeft": 0, + "iTableRight": 0, /* note this is left+width, not actually "right" */ + "iTableTop": 0, + "iTableBottom": 0 /* note this is top+height, not actually "bottom" */ + }, + "oOffset": { + "top": 0 + }, + "nTable": null, + "bFooter": false, + "bInitComplete": false + }; + + /* + * Function: fnGetSettings + * Purpose: Get the settings for this object + * Returns: object: - settings object + * Inputs: - + */ + this.fnGetSettings = function () { + return oSettings; + }; + + /* + * Function: fnUpdate + * Purpose: Update the positioning and copies of the fixed elements + * Returns: - + * Inputs: - + */ + this.fnUpdate = function () { + this._fnUpdateClones(); + this._fnUpdatePositions(); + }; + + /* + * Function: fnPosition + * Purpose: Update the positioning of the fixed elements + * Returns: - + * Inputs: - + */ + this.fnPosition = function () { + this._fnUpdatePositions(); + }; + + + var dt = $.fn.dataTable.Api ? + new $.fn.dataTable.Api( mTable ).settings()[0] : + mTable.fnSettings(); + + dt._oPluginFixedHeader = this; + + /* Let's do it */ + this.fnInit( dt, oInit ); + +}; + + +/* + * Variable: FixedHeader + * Purpose: Prototype for FixedHeader + * Scope: global + */ +FixedHeader.prototype = { + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Initialisation + */ + + /* + * Function: fnInit + * Purpose: The "constructor" + * Returns: - + * Inputs: {as FixedHeader function} + */ + fnInit: function ( oDtSettings, oInit ) + { + var s = this.fnGetSettings(); + var that = this; + + /* Record the user definable settings */ + this.fnInitSettings( s, oInit ); + + if ( oDtSettings.oScroll.sX !== "" || oDtSettings.oScroll.sY !== "" ) + { + alert( "FixedHeader 2 is not supported with DataTables' scrolling mode at this time" ); + return; + } + + s.nTable = oDtSettings.nTable; + oDtSettings.aoDrawCallback.unshift( { + "fn": function () { + FixedHeader.fnMeasure(); + that._fnUpdateClones.call(that); + that._fnUpdatePositions.call(that); + }, + "sName": "FixedHeader" + } ); + + s.bFooter = ($('>tfoot', s.nTable).length > 0) ? true : false; + + /* Add the 'sides' that are fixed */ + if ( s.oSides.top ) + { + s.aoCache.push( that._fnCloneTable( "fixedHeader", "FixedHeader_Header", that._fnCloneThead ) ); + } + if ( s.oSides.bottom ) + { + s.aoCache.push( that._fnCloneTable( "fixedFooter", "FixedHeader_Footer", that._fnCloneTfoot ) ); + } + if ( s.oSides.left ) + { + s.aoCache.push( that._fnCloneTable( "fixedLeft", "FixedHeader_Left", that._fnCloneTLeft, s.oSides.left ) ); + } + if ( s.oSides.right ) + { + s.aoCache.push( that._fnCloneTable( "fixedRight", "FixedHeader_Right", that._fnCloneTRight, s.oSides.right ) ); + } + + /* Event listeners for window movement */ + FixedHeader.afnScroll.push( function () { + that._fnUpdatePositions.call(that); + } ); + + $(window).resize( function () { + FixedHeader.fnMeasure(); + that._fnUpdateClones.call(that); + that._fnUpdatePositions.call(that); + } ); + + $(s.nTable) + .on('column-reorder.dt', function () { + FixedHeader.fnMeasure(); + that._fnUpdateClones( true ); + that._fnUpdatePositions(); + } ) + .on('column-visibility.dt', function () { + FixedHeader.fnMeasure(); + that._fnUpdateClones( true ); + that._fnUpdatePositions(); + } ); + + /* Get things right to start with */ + FixedHeader.fnMeasure(); + that._fnUpdateClones(); + that._fnUpdatePositions(); + + s.bInitComplete = true; + }, + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Support functions + */ + + /* + * Function: fnInitSettings + * Purpose: Take the user's settings and copy them to our local store + * Returns: - + * Inputs: object:s - the local settings object + * object:oInit - the user's settings object + */ + fnInitSettings: function ( s, oInit ) + { + if ( oInit !== undefined ) + { + if ( oInit.top !== undefined ) { + s.oSides.top = oInit.top; + } + if ( oInit.bottom !== undefined ) { + s.oSides.bottom = oInit.bottom; + } + if ( typeof oInit.left == 'boolean' ) { + s.oSides.left = oInit.left ? 1 : 0; + } + else if ( oInit.left !== undefined ) { + s.oSides.left = oInit.left; + } + if ( typeof oInit.right == 'boolean' ) { + s.oSides.right = oInit.right ? 1 : 0; + } + else if ( oInit.right !== undefined ) { + s.oSides.right = oInit.right; + } + + if ( oInit.zTop !== undefined ) { + s.oZIndexes.top = oInit.zTop; + } + if ( oInit.zBottom !== undefined ) { + s.oZIndexes.bottom = oInit.zBottom; + } + if ( oInit.zLeft !== undefined ) { + s.oZIndexes.left = oInit.zLeft; + } + if ( oInit.zRight !== undefined ) { + s.oZIndexes.right = oInit.zRight; + } + + if ( oInit.offsetTop !== undefined ) { + s.oOffset.top = oInit.offsetTop; + } + if ( oInit.alwaysCloneTop !== undefined ) { + s.oCloneOnDraw.top = oInit.alwaysCloneTop; + } + if ( oInit.alwaysCloneBottom !== undefined ) { + s.oCloneOnDraw.bottom = oInit.alwaysCloneBottom; + } + if ( oInit.alwaysCloneLeft !== undefined ) { + s.oCloneOnDraw.left = oInit.alwaysCloneLeft; + } + if ( oInit.alwaysCloneRight !== undefined ) { + s.oCloneOnDraw.right = oInit.alwaysCloneRight; + } + } + }, + + /* + * Function: _fnCloneTable + * Purpose: Clone the table node and do basic initialisation + * Returns: - + * Inputs: - + */ + _fnCloneTable: function ( sType, sClass, fnClone, iCells ) + { + var s = this.fnGetSettings(); + var nCTable; + + /* We know that the table _MUST_ has a DIV wrapped around it, because this is simply how + * DataTables works. Therefore, we can set this to be relatively position (if it is not + * alreadu absolute, and use this as the base-datalet point for the cloned header + */ + if ( $(s.nTable.parentNode).css('position') != "absolute" ) + { + s.nTable.parentNode.style.position = "relative"; + } + + /* Just a shallow clone will do - we only want the table node */ + nCTable = s.nTable.cloneNode( false ); + nCTable.removeAttribute( 'id' ); + + var nDiv = document.createElement( 'div' ); + nDiv.style.position = "absolute"; + nDiv.style.top = "0px"; + nDiv.style.left = "0px"; + nDiv.className += " FixedHeader_Cloned "+sType+" "+sClass; + + /* Set the zIndexes */ + if ( sType == "fixedHeader" ) + { + nDiv.style.zIndex = s.oZIndexes.top; + } + if ( sType == "fixedFooter" ) + { + nDiv.style.zIndex = s.oZIndexes.bottom; + } + if ( sType == "fixedLeft" ) + { + nDiv.style.zIndex = s.oZIndexes.left; + } + else if ( sType == "fixedRight" ) + { + nDiv.style.zIndex = s.oZIndexes.right; + } + + /* remove margins since we are going to position it absolutely */ + nCTable.style.margin = "0"; + + /* Insert the newly cloned table into the DOM, on top of the "real" header */ + nDiv.appendChild( nCTable ); + document.body.appendChild( nDiv ); + + return { + "nNode": nCTable, + "nWrapper": nDiv, + "sType": sType, + "sPosition": "", + "sTop": "", + "sLeft": "", + "fnClone": fnClone, + "iCells": iCells + }; + }, + + /* + * Function: _fnMeasure + * Purpose: Get the current positioning of the table in the DOM + * Returns: - + * Inputs: - + */ + _fnMeasure: function () + { + var + s = this.fnGetSettings(), + m = s.oMes, + jqTable = $(s.nTable), + oOffset = jqTable.offset(), + iParentScrollTop = this._fnSumScroll( s.nTable.parentNode, 'scrollTop' ), + iParentScrollLeft = this._fnSumScroll( s.nTable.parentNode, 'scrollLeft' ); + + m.iTableWidth = jqTable.outerWidth(); + m.iTableHeight = jqTable.outerHeight(); + m.iTableLeft = oOffset.left + s.nTable.parentNode.scrollLeft; + m.iTableTop = oOffset.top + iParentScrollTop; + m.iTableRight = m.iTableLeft + m.iTableWidth; + m.iTableRight = FixedHeader.oDoc.iWidth - m.iTableLeft - m.iTableWidth; + m.iTableBottom = FixedHeader.oDoc.iHeight - m.iTableTop - m.iTableHeight; + }, + + /* + * Function: _fnSumScroll + * Purpose: Sum node parameters all the way to the top + * Returns: int: sum + * Inputs: node:n - node to consider + * string:side - scrollTop or scrollLeft + */ + _fnSumScroll: function ( n, side ) + { + var i = n[side]; + while ( n = n.parentNode ) + { + if ( n.nodeName == 'HTML' || n.nodeName == 'BODY' ) + { + break; + } + i = n[side]; + } + return i; + }, + + /* + * Function: _fnUpdatePositions + * Purpose: Loop over the fixed elements for this table and update their positions + * Returns: - + * Inputs: - + */ + _fnUpdatePositions: function () + { + var s = this.fnGetSettings(); + this._fnMeasure(); + + for ( var i=0, iLen=s.aoCache.length ; i oWin.iScrollTop + s.oOffset.top ) + { + /* Above the table */ + this._fnUpdateCache( oCache, 'sPosition', "absolute", 'position', nTable.style ); + this._fnUpdateCache( oCache, 'sTop', oMes.iTableTop+"px", 'top', nTable.style ); + this._fnUpdateCache( oCache, 'sLeft', oMes.iTableLeft+"px", 'left', nTable.style ); + } + else if ( oWin.iScrollTop + s.oOffset.top > oMes.iTableTop+iTbodyHeight ) + { + /* At the bottom of the table */ + this._fnUpdateCache( oCache, 'sPosition', "absolute", 'position', nTable.style ); + this._fnUpdateCache( oCache, 'sTop', (oMes.iTableTop+iTbodyHeight)+"px", 'top', nTable.style ); + this._fnUpdateCache( oCache, 'sLeft', oMes.iTableLeft+"px", 'left', nTable.style ); + } + else + { + /* In the middle of the table */ + this._fnUpdateCache( oCache, 'sPosition', 'fixed', 'position', nTable.style ); + this._fnUpdateCache( oCache, 'sTop', s.oOffset.top+"px", 'top', nTable.style ); + this._fnUpdateCache( oCache, 'sLeft', (oMes.iTableLeft-oWin.iScrollLeft)+"px", 'left', nTable.style ); + } + }, + + /* + * Function: _fnUpdateCache + * Purpose: Check the cache and update cache and value if needed + * Returns: - + * Inputs: object:oCache - local cache object + * string:sCache - cache property + * string:sSet - value to set + * string:sProperty - object property to set + * object:oObj - object to update + */ + _fnUpdateCache: function ( oCache, sCache, sSet, sProperty, oObj ) + { + if ( oCache[sCache] != sSet ) + { + oObj[sProperty] = sSet; + oCache[sCache] = sSet; + } + }, + + + + /** + * Copy the classes of all child nodes from one element to another. This implies + * that the two have identical structure - no error checking is performed to that + * fact. + * @param {element} source Node to copy classes from + * @param {element} dest Node to copy classes too + */ + _fnClassUpdate: function ( source, dest ) + { + var that = this; + + if ( source.nodeName.toUpperCase() === "TR" || source.nodeName.toUpperCase() === "TH" || + source.nodeName.toUpperCase() === "TD" || source.nodeName.toUpperCase() === "SPAN" ) + { + dest.className = source.className; + } + + $(source).children().each( function (i) { + that._fnClassUpdate( $(source).children()[i], $(dest).children()[i] ); + } ); + }, + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Cloning functions + */ + + /* + * Function: _fnCloneThead + * Purpose: Clone the thead element + * Returns: - + * Inputs: object:oCache - the cached values for this fixed element + */ + _fnCloneThead: function ( oCache ) + { + var s = this.fnGetSettings(); + var nTable = oCache.nNode; + + if ( s.bInitComplete && !s.oCloneOnDraw.top ) + { + this._fnClassUpdate( $('thead', s.nTable)[0], $('thead', nTable)[0] ); + return; + } + + /* Set the wrapper width to match that of the cloned table */ + var iDtWidth = $(s.nTable).outerWidth(); + oCache.nWrapper.style.width = iDtWidth+"px"; + nTable.style.width = iDtWidth+"px"; + + /* Remove any children the cloned table has */ + while ( nTable.childNodes.length > 0 ) + { + $('thead th', nTable).unbind( 'click' ); + nTable.removeChild( nTable.childNodes[0] ); + } + + /* Clone the DataTables header */ + var nThead = $('thead', s.nTable).clone(true)[0]; + nTable.appendChild( nThead ); + + /* Copy the widths across - apparently a clone isn't good enough for this */ + var a = []; + var b = []; + + $("thead>tr th", s.nTable).each( function (i) { + a.push( $(this).width() ); + } ); + + $("thead>tr td", s.nTable).each( function (i) { + b.push( $(this).width() ); + } ); + + $("thead>tr th", s.nTable).each( function (i) { + $("thead>tr th:eq("+i+")", nTable).width( a[i] ); + $(this).width( a[i] ); + } ); + + $("thead>tr td", s.nTable).each( function (i) { + $("thead>tr td:eq("+i+")", nTable).width( b[i] ); + $(this).width( b[i] ); + } ); + + // Stop DataTables 1.9 from putting a focus ring on the headers when + // clicked to sort + $('th.sorting, th.sorting_desc, th.sorting_asc', nTable).bind( 'click', function () { + this.blur(); + } ); + }, + + /* + * Function: _fnCloneTfoot + * Purpose: Clone the tfoot element + * Returns: - + * Inputs: object:oCache - the cached values for this fixed element + */ + _fnCloneTfoot: function ( oCache ) + { + var s = this.fnGetSettings(); + var nTable = oCache.nNode; + + /* Set the wrapper width to match that of the cloned table */ + oCache.nWrapper.style.width = $(s.nTable).outerWidth()+"px"; + + /* Remove any children the cloned table has */ + while ( nTable.childNodes.length > 0 ) + { + nTable.removeChild( nTable.childNodes[0] ); + } + + /* Clone the DataTables footer */ + var nTfoot = $('tfoot', s.nTable).clone(true)[0]; + nTable.appendChild( nTfoot ); + + /* Copy the widths across - apparently a clone isn't good enough for this */ + $("tfoot:eq(0)>tr th", s.nTable).each( function (i) { + $("tfoot:eq(0)>tr th:eq("+i+")", nTable).width( $(this).width() ); + } ); + + $("tfoot:eq(0)>tr td", s.nTable).each( function (i) { + $("tfoot:eq(0)>tr td:eq("+i+")", nTable).width( $(this).width() ); + } ); + }, + + /* + * Function: _fnCloneTLeft + * Purpose: Clone the left column(s) + * Returns: - + * Inputs: object:oCache - the cached values for this fixed element + */ + _fnCloneTLeft: function ( oCache ) + { + var s = this.fnGetSettings(); + var nTable = oCache.nNode; + var nBody = $('tbody', s.nTable)[0]; + + /* Remove any children the cloned table has */ + while ( nTable.childNodes.length > 0 ) + { + nTable.removeChild( nTable.childNodes[0] ); + } + + /* Is this the most efficient way to do this - it looks horrible... */ + nTable.appendChild( $("thead", s.nTable).clone(true)[0] ); + nTable.appendChild( $("tbody", s.nTable).clone(true)[0] ); + if ( s.bFooter ) + { + nTable.appendChild( $("tfoot", s.nTable).clone(true)[0] ); + } + + /* Remove unneeded cells */ + var sSelector = 'gt(' + (oCache.iCells - 1) + ')'; + $('thead tr', nTable).each( function (k) { + $('th:' + sSelector, this).remove(); + } ); + + $('tfoot tr', nTable).each( function (k) { + $('th:' + sSelector, this).remove(); + } ); + + $('tbody tr', nTable).each( function (k) { + $('td:' + sSelector, this).remove(); + } ); + + this.fnEqualiseHeights( 'thead', nBody.parentNode, nTable ); + this.fnEqualiseHeights( 'tbody', nBody.parentNode, nTable ); + this.fnEqualiseHeights( 'tfoot', nBody.parentNode, nTable ); + + var iWidth = 0; + for (var i = 0; i < oCache.iCells; i++) { + iWidth += $('thead tr th:eq(' + i + ')', s.nTable).outerWidth(); + } + nTable.style.width = iWidth+"px"; + oCache.nWrapper.style.width = iWidth+"px"; + }, + + /* + * Function: _fnCloneTRight + * Purpose: Clone the right most column(s) + * Returns: - + * Inputs: object:oCache - the cached values for this fixed element + */ + _fnCloneTRight: function ( oCache ) + { + var s = this.fnGetSettings(); + var nBody = $('tbody', s.nTable)[0]; + var nTable = oCache.nNode; + var iCols = $('tbody tr:eq(0) td', s.nTable).length; + + /* Remove any children the cloned table has */ + while ( nTable.childNodes.length > 0 ) + { + nTable.removeChild( nTable.childNodes[0] ); + } + + /* Is this the most efficient way to do this - it looks horrible... */ + nTable.appendChild( $("thead", s.nTable).clone(true)[0] ); + nTable.appendChild( $("tbody", s.nTable).clone(true)[0] ); + if ( s.bFooter ) + { + nTable.appendChild( $("tfoot", s.nTable).clone(true)[0] ); + } + $('thead tr th:lt('+(iCols-oCache.iCells)+')', nTable).remove(); + $('tfoot tr th:lt('+(iCols-oCache.iCells)+')', nTable).remove(); + + /* Remove unneeded cells */ + $('tbody tr', nTable).each( function (k) { + $('td:lt('+(iCols-oCache.iCells)+')', this).remove(); + } ); + + this.fnEqualiseHeights( 'thead', nBody.parentNode, nTable ); + this.fnEqualiseHeights( 'tbody', nBody.parentNode, nTable ); + this.fnEqualiseHeights( 'tfoot', nBody.parentNode, nTable ); + + var iWidth = 0; + for (var i = 0; i < oCache.iCells; i++) { + iWidth += $('thead tr th:eq('+(iCols-1-i)+')', s.nTable).outerWidth(); + } + nTable.style.width = iWidth+"px"; + oCache.nWrapper.style.width = iWidth+"px"; + }, + + + /** + * Equalise the heights of the rows in a given table node in a cross browser way. Note that this + * is more or less lifted as is from FixedColumns + * @method fnEqualiseHeights + * @returns void + * @param {string} parent Node type - thead, tbody or tfoot + * @param {element} original Original node to take the heights from + * @param {element} clone Copy the heights to + * @private + */ + "fnEqualiseHeights": function ( parent, original, clone ) + { + var that = this; + var originals = $(parent +' tr', original); + var height; + + $(parent+' tr', clone).each( function (k) { + height = originals.eq( k ).css('height'); + + // This is nasty :-(. IE has a sub-pixel error even when setting + // the height below (the Firefox fix) which causes the fixed column + // to go out of alignment. Need to add a pixel before the assignment + // Can this be feature detected? Not sure how... + if ( navigator.appName == 'Microsoft Internet Explorer' ) { + height = parseInt( height, 10 ) + 1; + } + + $(this).css( 'height', height ); + + // For Firefox to work, we need to also set the height of the + // original row, to the value that we read from it! Otherwise there + // is a sub-pixel rounding error + originals.eq( k ).css( 'height', height ); + } ); + } +}; + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Static properties and methods + * We use these for speed! This information is common to all instances of FixedHeader, so no + * point if having them calculated and stored for each different instance. + */ + +/* + * Variable: oWin + * Purpose: Store information about the window positioning + * Scope: FixedHeader + */ +FixedHeader.oWin = { + "iScrollTop": 0, + "iScrollRight": 0, + "iScrollBottom": 0, + "iScrollLeft": 0, + "iHeight": 0, + "iWidth": 0 +}; + +/* + * Variable: oDoc + * Purpose: Store information about the document size + * Scope: FixedHeader + */ +FixedHeader.oDoc = { + "iHeight": 0, + "iWidth": 0 +}; + +/* + * Variable: afnScroll + * Purpose: Array of functions that are to be used for the scrolling components + * Scope: FixedHeader + */ +FixedHeader.afnScroll = []; + +/* + * Function: fnMeasure + * Purpose: Update the measurements for the window and document + * Returns: - + * Inputs: - + */ +FixedHeader.fnMeasure = function () +{ + var + jqWin = $(window), + jqDoc = $(document), + oWin = FixedHeader.oWin, + oDoc = FixedHeader.oDoc; + + oDoc.iHeight = jqDoc.height(); + oDoc.iWidth = jqDoc.width(); + + oWin.iHeight = jqWin.height(); + oWin.iWidth = jqWin.width(); + oWin.iScrollTop = jqWin.scrollTop(); + oWin.iScrollLeft = jqWin.scrollLeft(); + oWin.iScrollRight = oDoc.iWidth - oWin.iScrollLeft - oWin.iWidth; + oWin.iScrollBottom = oDoc.iHeight - oWin.iScrollTop - oWin.iHeight; +}; + + +FixedHeader.version = "2.1.2"; + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Global processing + */ + +/* + * Just one 'scroll' event handler in FixedHeader, which calls the required components. This is + * done as an optimisation, to reduce calculation and proagation time + */ +$(window).scroll( function () { + FixedHeader.fnMeasure(); + + for ( var i=0, iLen=FixedHeader.afnScroll.length ; itfoot",c.nTable).length?!0:!1,c.oSides.top&&c.aoCache.push(d._fnCloneTable("fixedHeader","FixedHeader_Header",d._fnCloneThead)),c.oSides.bottom&&c.aoCache.push(d._fnCloneTable("fixedFooter","FixedHeader_Footer",d._fnCloneTfoot)),c.oSides.left&&c.aoCache.push(d._fnCloneTable("fixedLeft","FixedHeader_Left",d._fnCloneTLeft,c.oSides.left)), +c.oSides.right&&c.aoCache.push(d._fnCloneTable("fixedRight","FixedHeader_Right",d._fnCloneTRight,c.oSides.right)),FixedHeader.afnScroll.push(function(){d._fnUpdatePositions.call(d)}),e(j).resize(function(){FixedHeader.fnMeasure();d._fnUpdateClones.call(d);d._fnUpdatePositions.call(d)}),e(c.nTable).on("column-reorder.dt",function(){FixedHeader.fnMeasure();d._fnUpdateClones(!0);d._fnUpdatePositions()}).on("column-visibility.dt",function(){FixedHeader.fnMeasure();d._fnUpdateClones(!0);d._fnUpdatePositions()}), +FixedHeader.fnMeasure(),d._fnUpdateClones(),d._fnUpdatePositions(),c.bInitComplete=!0)},fnInitSettings:function(a,b){if(b!==h&&(b.top!==h&&(a.oSides.top=b.top),b.bottom!==h&&(a.oSides.bottom=b.bottom),"boolean"==typeof b.left?a.oSides.left=b.left?1:0:b.left!==h&&(a.oSides.left=b.left),"boolean"==typeof b.right?a.oSides.right=b.right?1:0:b.right!==h&&(a.oSides.right=b.right),b.zTop!==h&&(a.oZIndexes.top=b.zTop),b.zBottom!==h&&(a.oZIndexes.bottom=b.zBottom),b.zLeft!==h&&(a.oZIndexes.left=b.zLeft),b.zRight!== +h&&(a.oZIndexes.right=b.zRight),b.offsetTop!==h&&(a.oOffset.top=b.offsetTop),b.alwaysCloneTop!==h&&(a.oCloneOnDraw.top=b.alwaysCloneTop),b.alwaysCloneBottom!==h&&(a.oCloneOnDraw.bottom=b.alwaysCloneBottom),b.alwaysCloneLeft!==h&&(a.oCloneOnDraw.left=b.alwaysCloneLeft),b.alwaysCloneRight!==h))a.oCloneOnDraw.right=b.alwaysCloneRight},_fnCloneTable:function(a,b,c,d){var f=this.fnGetSettings(),g;"absolute"!=e(f.nTable.parentNode).css("position")&&(f.nTable.parentNode.style.position="relative");g=f.nTable.cloneNode(!1); +g.removeAttribute("id");var i=k.createElement("div");i.style.position="absolute";i.style.top="0px";i.style.left="0px";i.className+=" FixedHeader_Cloned "+a+" "+b;"fixedHeader"==a&&(i.style.zIndex=f.oZIndexes.top);"fixedFooter"==a&&(i.style.zIndex=f.oZIndexes.bottom);"fixedLeft"==a?i.style.zIndex=f.oZIndexes.left:"fixedRight"==a&&(i.style.zIndex=f.oZIndexes.right);g.style.margin="0";i.appendChild(g);k.body.appendChild(i);return{nNode:g,nWrapper:i,sType:a,sPosition:"",sTop:"",sLeft:"",fnClone:c,iCells:d}}, +_fnMeasure:function(){var a=this.fnGetSettings(),b=a.oMes,c=e(a.nTable),d=c.offset(),f=this._fnSumScroll(a.nTable.parentNode,"scrollTop");this._fnSumScroll(a.nTable.parentNode,"scrollLeft");b.iTableWidth=c.outerWidth();b.iTableHeight=c.outerHeight();b.iTableLeft=d.left+a.nTable.parentNode.scrollLeft;b.iTableTop=d.top+f;b.iTableRight=b.iTableLeft+b.iTableWidth;b.iTableRight=FixedHeader.oDoc.iWidth-b.iTableLeft-b.iTableWidth;b.iTableBottom=FixedHeader.oDoc.iHeight-b.iTableTop-b.iTableHeight},_fnSumScroll:function(a, +b){for(var c=a[b];(a=a.parentNode)&&!("HTML"==a.nodeName||"BODY"==a.nodeName);)c=a[b];return c},_fnUpdatePositions:function(){var a=this.fnGetSettings();this._fnMeasure();for(var b=0,c=a.aoCache.length;bd.iScrollTop+b.oOffset.top?(this._fnUpdateCache(a,"sPosition","absolute","position",e.style),this._fnUpdateCache(a,"sTop",c.iTableTop+"px","top",e.style),this._fnUpdateCache(a,"sLeft",c.iTableLeft+"px","left",e.style)):d.iScrollTop+b.oOffset.top>c.iTableTop+ +g?(this._fnUpdateCache(a,"sPosition","absolute","position",e.style),this._fnUpdateCache(a,"sTop",c.iTableTop+g+"px","top",e.style),this._fnUpdateCache(a,"sLeft",c.iTableLeft+"px","left",e.style)):(this._fnUpdateCache(a,"sPosition","fixed","position",e.style),this._fnUpdateCache(a,"sTop",b.oOffset.top+"px","top",e.style),this._fnUpdateCache(a,"sLeft",c.iTableLeft-d.iScrollLeft+"px","left",e.style))},_fnUpdateCache:function(a,b,c,d,e){a[b]!=c&&(e[d]=c,a[b]=c)},_fnClassUpdate:function(a,b){var c=this; +if("TR"===a.nodeName.toUpperCase()||"TH"===a.nodeName.toUpperCase()||"TD"===a.nodeName.toUpperCase()||"SPAN"===a.nodeName.toUpperCase())b.className=a.className;e(a).children().each(function(d){c._fnClassUpdate(e(a).children()[d],e(b).children()[d])})},_fnCloneThead:function(a){var b=this.fnGetSettings(),c=a.nNode;if(b.bInitComplete&&!b.oCloneOnDraw.top)this._fnClassUpdate(e("thead",b.nTable)[0],e("thead",c)[0]);else{var d=e(b.nTable).outerWidth();a.nWrapper.style.width=d+"px";for(c.style.width=d+ +"px";0tr th",b.nTable).each(function(){f.push(e(this).width())});e("thead>tr td",b.nTable).each(function(){g.push(e(this).width())});e("thead>tr th",b.nTable).each(function(a){e("thead>tr th:eq("+a+")",c).width(f[a]);e(this).width(f[a])});e("thead>tr td",b.nTable).each(function(a){e("thead>tr td:eq("+a+")",c).width(g[a]);e(this).width(g[a])}); +e("th.sorting, th.sorting_desc, th.sorting_asc",c).bind("click",function(){this.blur()})}},_fnCloneTfoot:function(a){var b=this.fnGetSettings(),c=a.nNode;for(a.nWrapper.style.width=e(b.nTable).outerWidth()+"px";0tr th",b.nTable).each(function(a){e("tfoot:eq(0)>tr th:eq("+a+")",c).width(e(this).width())});e("tfoot:eq(0)>tr td",b.nTable).each(function(a){e("tfoot:eq(0)>tr td:eq("+ +a+")",c).width(e(this).width())})},_fnCloneTLeft:function(a){for(var b=this.fnGetSettings(),c=a.nNode,d=e("tbody",b.nTable)[0];0 + + + + + + + KeyTable example - Events + + + + + + + + + + + + + + +
+
+

KeyTable example Events

+ +
+

KeyTable provides the ability to listen for events such as focus, blur, + esc (the escape key) and 'return' (the return key) can be assigned event handling + functions through KeyTable's the API. This gives you the ability to take an action on a cell.

+ +

The example shown below has a few cells (selected at random, but near the top) with blur and focus + events assigned to them. You can also see the navigation around the table using arrow keys.

+
+ +
+ Event information:
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

function eventMsg ( msg ) { + var n = document.getElementById('info'); + n.innerHTML += msg+"<br>"; + n.scrollTop = n.scrollHeight; +} + +$(document).ready(function() { + var table = $('#example').DataTable(); + var keys = new $.fn.dataTable.KeyTable( table ); + + /* Focus handler for all cells in last column */ + keys.event.focus( 4, null, function( node, x, y ) { + eventMsg( "Cell "+x+","+y+" focused ('live' event - column)" ); + } ); + + /* Focus handler for all cells in 8th row */ + keys.event.focus( null, 7, function( node, x, y ) { + eventMsg( "Cell "+x+","+y+" focused ('live' event - row)" ); + } ); + + /* Focus using coords. */ + keys.event.focus( 1, 0, function( node ) { + keys.event.remove.focus( node ); + eventMsg( "Cell 1,0 focus - this event has now been removed" ); + } ); + + keys.event.focus( 1, 3, function() { + eventMsg( "Cell 1,3 focus" ); + } ); + + /* focus with a node */ + keys.event.focus( $('#example tbody tr:eq(2) td:eq(0)')[0], function() { + eventMsg( "Cell 0,2 focus" ); + } ); + + /* Blur using a node */ + keys.event.blur( $('#example tbody tr:eq(1) td:eq(2)')[0], function() { + eventMsg( "Cell 1,2 blur" ); + } ); + + /* Blur using coords */ + keys.event.blur( 2, 4, function() { + eventMsg( "Cell 2,4 blur" ); + } ); + + /* Action */ + keys.event.action( 2, 2, function( node ) { + eventMsg( "Cell 2,2 action" ); + if ( node.style.fontWeight == "" || node.style.fontWeight == "normal" ) { + node.style.fontWeight = "bold"; + } + else { + node.style.fontWeight = "normal"; + } + } ); + + keys.event.action( 2, 5, function( node ) { + eventMsg( "Cell 2,5 action" ); + if ( node.style.fontStyle == "" ) { + node.style.fontStyle = "italic"; + } + else { + node.style.fontStyle = ""; + } + } ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/html.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/html.html new file mode 100644 index 0000000..435cf70 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/html.html @@ -0,0 +1,627 @@ + + + + + + + + KeyTable example - Plain HTML table + + + + + + + + + + + + + + +
+
+

KeyTable example Plain HTML table

+ +
+

As well as being usable with DataTables, KeyTable can also be used with a plain HTML table. Please + note that this ability is deprecated and will be removed in KeyTable 1.3.

+ +

This example shows KeyTable being initialised without any parameter, which instructs it to search + for any table with the class KeyTable which will be used.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + $('#example').addClass('KeyTable'); + new $.fn.dataTable.KeyTable(); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/index.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/index.html new file mode 100644 index 0000000..b797984 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/index.html @@ -0,0 +1,69 @@ + + + + + + + + + + + + + KeyTable examples - KeyTable examples + + + +
+
+

KeyTable example KeyTable examples

+ +
+

KeyTable provides enhanced accessibility and navigation options for DataTables enhanced tables, by + allowing Excel like cell navigation on any table. Events (focus, blur, action etc) can be assigned to + individual cells, columns, rows or all cells to allow advanced interaction options.. Key features + include:

+ +
    +
  • Easy to use spreadsheet like interaction
    • +
  • Fully integrated with DataTables
    • +
  • Wide range of supported events
    • +
  • Works without DataTables if you just want a plain table
    • +
+
+
+
+ +
+
+
+ +
+
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/scrolling.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/scrolling.html new file mode 100644 index 0000000..502bc52 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/scrolling.html @@ -0,0 +1,637 @@ + + + + + + + + KeyTable example - Scrolling table + + + + + + + + + + + + + + +
+
+

KeyTable example Scrolling table

+ +
+

KeyTable supports DataTables' scrolling options (scrollXDT and scrollYDT) without required any additional + configuration. As the navigation keys are used to alter the focus of the KeyTable, the DataTables + scrolling position is altered to show the focused cell.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable( { + scrollY: 300, + paging: false + } ); + + new $.fn.dataTable.KeyTable( table ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/simple.html b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/simple.html new file mode 100644 index 0000000..f9038df --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/examples/simple.html @@ -0,0 +1,631 @@ + + + + + + + + KeyTable example - Basic initialisation + + + + + + + + + + + + + + +
+
+

KeyTable example Basic initialisation

+ +
+

KeyTable allows you to use keyboard navigation on a DataTables enhanced table, like an Excel + spreadsheet. The focused cell is shown through the CSS class ('focus') which in the case below is + simply a blue border. Use your keyboard's arrow keys and click the cells in the table to navigate.

+ +

This example simply shows key table being initialised on a DataTable, but events can be listened for through the KeyTable API which provide interaction + options.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamePositionOfficeAgeStart dateSalary
NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Quinn FlynnSupport LeadEdinburgh222013/03/03$342,000
Charde MarshallRegional DirectorSan Francisco362008/10/16$470,600
Haley KennedySenior Marketing DesignerLondon432012/12/18$313,500
Tatyana FitzpatrickRegional DirectorLondon192010/03/17$385,750
Michael SilvaMarketing DesignerLondon662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)New York642010/06/09$725,000
Gloria LittleSystems AdministratorNew York592009/04/10$237,500
Bradley GreerSoftware EngineerLondon412012/10/13$132,000
Dai RiosPersonnel LeadEdinburgh352012/09/26$217,500
Jenette CaldwellDevelopment LeadNew York302011/09/03$345,000
Yuri BerryChief Marketing Officer (CMO)New York402009/06/25$675,000
Caesar VancePre-Sales SupportNew York212011/12/12$106,450
Doris WilderSales AssistantSidney232010/09/20$85,600
Angelica RamosChief Executive Officer (CEO)London472009/10/09$1,200,000
Gavin JoyceDeveloperEdinburgh422010/12/22$92,575
Jennifer ChangRegional DirectorSingapore282010/11/14$357,650
Brenden WagnerSoftware EngineerSan Francisco282011/06/07$206,850
Fiona GreenChief Operating Officer (COO)San Francisco482010/03/11$850,000
Shou ItouRegional MarketingTokyo202011/08/14$163,000
Michelle HouseIntegration SpecialistSidney372011/06/02$95,400
Suki BurksDeveloperLondon532009/10/22$114,500
Prescott BartlettTechnical AuthorLondon272011/05/07$145,000
Gavin CortezTeam LeaderSan Francisco222008/10/26$235,500
Martena MccrayPost-Sales supportEdinburgh462011/03/09$324,050
Unity ButlerMarketing DesignerSan Francisco472009/12/09$85,675
Howard HatfieldOffice ManagerSan Francisco512008/12/16$164,500
Hope FuentesSecretarySan Francisco412010/02/12$109,850
Vivian HarrellFinancial ControllerSan Francisco622009/02/14$452,500
Timothy MooneyOffice ManagerLondon372008/12/11$136,200
Jackson BradshawDirectorNew York652008/09/26$645,750
Olivia LiangSupport EngineerSingapore642011/02/03$234,500
Bruno NashSoftware EngineerLondon382011/05/03$163,500
Sakura YamamotoSupport EngineerTokyo372009/08/19$139,575
Thor WaltonDeveloperNew York612013/08/11$98,540
Finn CamachoSupport EngineerSan Francisco472009/07/07$87,500
Serge BaldwinData CoordinatorSingapore642012/04/09$138,575
Zenaida FrankSoftware EngineerNew York632010/01/04$125,250
Zorita SerranoSoftware EngineerSan Francisco562012/06/01$115,000
Jennifer AcostaJunior Javascript DeveloperEdinburgh432013/02/01$75,650
Cara StevensSales AssistantNew York462011/12/06$145,600
Hermione ButlerRegional DirectorLondon472011/03/21$356,250
Lael GreerSystems AdministratorLondon212009/02/27$103,500
Jonas AlexanderDeveloperSan Francisco302010/07/14$86,500
Shad DeckerRegional DirectorEdinburgh512008/11/13$183,000
Michael BruceJavascript DeveloperSingapore292011/06/27$183,000
Donna SniderCustomer SupportNew York272011/01/25$112,000
+ +
    +
  • Javascript
    • +
  • HTML
    • +
  • CSS
    • +
  • Ajax
    • +
  • Server-side script
    • +
+ +
+
+

The Javascript shown below is used to initialise the table shown in this + example:

$(document).ready(function() { + var table = $('#example').DataTable(); + + new $.fn.dataTable.KeyTable( table ); +} ); + +

In addition to the above code, the following Javascript library files are loaded for use in this + example:

+ + +
+ +
+

The HTML shown below is the raw HTML table element, before it has been enhanced by + DataTables:

+
+ +
+
+

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:

+
+ +

The following CSS library files are loaded for use in this example to provide the styling of the + table:

+ + +
+ +
+

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.

+
+ +
+

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 the protocol described in the + DataTables documentation.

+
+
+
+
+ +
+
+
+ +
+

Other examples

+ +
+
+

Examples

+ +
+
+ +
+

Please refer to the DataTables documentation for full + information about its API properties and methods.
+ Additionally, there are a wide range of extras and + plug-ins which extend the capabilities of + DataTables.

+ +

DataTables designed and created by SpryMedia Ltd © 2007-2014
+ DataTables is licensed under the MIT license.

+
+
+
+
+ + \ No newline at end of file diff --git a/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/js/dataTables.keyTable.js b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/js/dataTables.keyTable.js new file mode 100644 index 0000000..cd82b69 --- /dev/null +++ b/datalets/datatable-datalet/js/DataTables-1.10.5/extensions/KeyTable/js/dataTables.keyTable.js @@ -0,0 +1,1175 @@ +/*! KeyTable 1.2.1 + * ©2010-2014 SpryMedia Ltd - datatables.net/license + */ + +/** + * @summary KeyTable + * @description Spreadsheet like keyboard navigation for DataTables + * @version 1.2.1 + * @file dataTables.keyTable.js + * @author SpryMedia Ltd (www.sprymedia.co.uk) + * @contact www.sprymedia.co.uk/contact + * @copyright Copyright 2009-2014 SpryMedia Ltd. + * + * This source file is free software, available under the following license: + * MIT license - http://datatables.net/license/mit + * + * This source file is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details. + * + * For details please refer to: http://www.datatables.net + */ + +// Global scope for KeyTable for backwards compatibility. Will be removed in 1.3 +var KeyTable; + + +(function(window, document, undefined) { + + +var factory = function( $, DataTable ) { +"use strict"; + +KeyTable = function ( oInit ) +{ + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * API parameters + * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ + + /* + * Variable: block + * Purpose: Flag whether or not KeyTable events should be processed + * Scope: KeyTable - public + */ + this.block = false; + + /* + * Variable: event + * Purpose: Container for all event application methods + * Scope: KeyTable - public + * Notes: This object contains all the public methods for adding and removing events - these + * are dynamically added later on + */ + this.event = { + "remove": {} + }; + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * API methods + * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ + + /* + * Function: fnGetCurrentPosition + * Purpose: Get the currently focused cell's position + * Returns: array int: [ x, y ] + * Inputs: void + */ + this.fnGetCurrentPosition = function () + { + return [ _iOldX, _iOldY ]; + }; + + + /* + * Function: fnGetCurrentData + * Purpose: Get the currently focused cell's data (innerHTML) + * Returns: string: - data requested + * Inputs: void + */ + this.fnGetCurrentData = function () + { + return _nOldFocus.innerHTML; + }; + + + /* + * Function: fnGetCurrentTD + * Purpose: Get the currently focused cell + * Returns: node: - focused element + * Inputs: void + */ + this.fnGetCurrentTD = function () + { + return _nOldFocus; + }; + + + /* + * Function: fnSetPosition + * Purpose: Set the position of the focused cell + * Returns: - + * Inputs: int:x - x coordinate + * int:y - y coordinate + * Notes: Thanks to Rohan Daxini for the basis of this function + */ + this.fnSetPosition = function( x, y ) + { + if ( typeof x == 'object' && x.nodeName ) + { + _fnSetFocus( x ); + } + else + { + _fnSetFocus( _fnCellFromCoords(x, y) ); + } + }; + + + /* + * Function: fnBlur + * Purpose: Blur the current focus + * Returns: - + * Inputs: - + */ + this.fnBlur = function() + { + _fnBlur(); + }; + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Private parameters + * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ + + /* + * Variable: _nBody + * Purpose: Body node of the table - cached for renference + * Scope: KeyTable - private + */ + var _nBody = null; + + /* + * Variable: + * Purpose: + * Scope: KeyTable - private + */ + var _nOldFocus = null; + + /* + * Variable: _iOldX and _iOldY + * Purpose: X and Y coords of the old elemet that was focused on + * Scope: KeyTable - private + */ + var _iOldX = null; + var _iOldY = null; + + /* + * Variable: _that + * Purpose: Scope saving for 'this' after a jQuery event + * Scope: KeyTable - private + */ + var _that = null; + + /* + * Variable: sFocusClass + * Purpose: Class that should be used for focusing on a cell + * Scope: KeyTable - private + */ + var _sFocusClass = "focus"; + + /* + * Variable: _bKeyCapture + * Purpose: Flag for should KeyTable capture key events or not + * Scope: KeyTable - private + */ + var _bKeyCapture = false; + + /* + * Variable: _oaoEvents + * Purpose: Event cache object, one array for each supported event for speed of searching + * Scope: KeyTable - private + */ + var _oaoEvents = { + "action": [], + "esc": [], + "focus": [], + "blur": [] + }; + + /* + * Variable: _oDatatable + * Purpose: DataTables settings object for if we are actually using a + * DataTables table + * Scope: KeyTable - private + */ + var _oDatatable = null; + + var _bForm; + var _nInput; + var _bInputFocused = false; + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Private methods + * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Key table events + */ + + /* + * Function: _fnEventAddTemplate + * Purpose: Create a function (with closure for sKey) event addition API + * Returns: function: - template function + * Inputs: string:sKey - type of event to detect + */ + function _fnEventAddTemplate( sKey ) + { + /* + * Function: - + * Purpose: API function for adding event to cache + * Returns: - + * Inputs: 1. node:x - target node to add event for + * 2. function:y - callback function to apply + * or + * 1. int:x - x coord. of target cell (can be null for live events) + * 2. int:y - y coord. of target cell (can be null for live events) + * 3. function:z - callback function to apply + * Notes: This function is (interally) overloaded (in as much as javascript allows for + * that) - the target cell can be given by either node or coords. + */ + return function ( x, y, z ) { + if ( (x===null || typeof x == "number") && + (y===null || typeof y == "number") && + typeof z == "function" ) + { + _fnEventAdd( sKey, x, y, z ); + } + else if ( typeof x == "object" && typeof y == "function" ) + { + var aCoords = _fnCoordsFromCell( x ); + _fnEventAdd( sKey, aCoords[0], aCoords[1], y ); + } + else + { + alert( "Unhandable event type was added: x" +x+ " y:" +y+ " z:" +z ); + } + }; + } + + + /* + * Function: _fnEventRemoveTemplate + * Purpose: Create a function (with closure for sKey) event removal API + * Returns: function: - template function + * Inputs: string:sKey - type of event to detect + */ + function _fnEventRemoveTemplate( sKey ) + { + /* + * Function: - + * Purpose: API function for removing event from cache + * Returns: int: - number of events removed + * Inputs: 1. node:x - target node to remove event from + * 2. function:y - callback function to apply + * or + * 1. int:x - x coord. of target cell (can be null for live events) + * 2. int:y - y coord. of target cell (can be null for live events) + * 3. function:z - callback function to remove - optional + * Notes: This function is (interally) overloaded (in as much as javascript allows for + * that) - the target cell can be given by either node or coords and the function + * to remove is optional + */ + return function ( x, y, z ) { + if ( (x===null || typeof arguments[0] == "number") && + (y===null || typeof arguments[1] == "number" ) ) + { + if ( typeof arguments[2] == "function" ) + { + _fnEventRemove( sKey, x, y, z ); + } + else + { + _fnEventRemove( sKey, x, y ); + } + } + else if ( typeof arguments[0] == "object" ) + { + var aCoords = _fnCoordsFromCell( x ); + if ( typeof arguments[1] == "function" ) + { + _fnEventRemove( sKey, aCoords[0], aCoords[1], y ); + } + else + { + _fnEventRemove( sKey, aCoords[0], aCoords[1] ); + } + } + else + { + alert( "Unhandable event type was removed: x" +x+ " y:" +y+ " z:" +z ); + } + }; + } + + /* Use the template functions to add the event API functions */ + for ( var sKey in _oaoEvents ) + { + if ( sKey ) + { + this.event[sKey] = _fnEventAddTemplate( sKey ); + this.event.remove[sKey] = _fnEventRemoveTemplate( sKey ); + } + } + + + /* + * Function: _fnEventAdd + * Purpose: Add an event to the internal cache + * Returns: - + * Inputs: string:sType - type of event to add, given by the available elements in _oaoEvents + * int:x - x-coords to add event to - can be null for "blanket" event + * int:y - y-coords to add event to - can be null for "blanket" event + * function:fn - callback function for when triggered + */ + function _fnEventAdd( sType, x, y, fn ) + { + _oaoEvents[sType].push( { + "x": x, + "y": y, + "fn": fn + } ); + } + + + /* + * Function: _fnEventRemove + * Purpose: Remove an event from the event cache + * Returns: int: - number of matching events removed + * Inputs: string:sType - type of event to look for + * node:nTarget - target table cell + * function:fn - optional - remove this function. If not given all handlers of this + * type will be removed + */ + function _fnEventRemove( sType, x, y, fn ) + { + var iCorrector = 0; + + for ( var i=0, iLen=_oaoEvents[sType].length ; i= oSettings.fnDisplayEnd() ) + { + if ( oSettings._iDisplayLength >= 0 ) + { + /* Make sure we are not over running the display array */ + if ( oSettings._iDisplayStart + oSettings._iDisplayLength < oSettings.fnRecordsDisplay() ) + { + oSettings._iDisplayStart += oSettings._iDisplayLength; + } + } + else + { + oSettings._iDisplayStart = 0; + } + _oDatatable.oApi._fnCalculateEnd( oSettings ); + } + + /* Page backwards */ + while ( iRow < oSettings._iDisplayStart ) + { + oSettings._iDisplayStart = oSettings._iDisplayLength>=0 ? + oSettings._iDisplayStart - oSettings._iDisplayLength : + 0; + + if ( oSettings._iDisplayStart < 0 ) + { + oSettings._iDisplayStart = 0; + } + _oDatatable.oApi._fnCalculateEnd( oSettings ); + } + + /* Re-draw the table */ + _oDatatable.oApi._fnDraw( oSettings ); + + /* Restore the key capture */ + _bKeyCapture = bKeyCaptureCache; + } + + /* Cache the information that we are interested in */ + var aNewPos = _fnCoordsFromCell( nTarget ); + _nOldFocus = nTarget; + _iOldX = aNewPos[0]; + _iOldY = aNewPos[1]; + + var iViewportHeight, iViewportWidth, iScrollTop, iScrollLeft, iHeight, iWidth, aiPos; + if ( bAutoScroll ) + { + /* Scroll the viewport such that the new cell is fully visible in the rendered window */ + iViewportHeight = $(window).height(); + iViewportWidth = $(window).width(); + iScrollTop = $(document).scrollTop(); + iScrollLeft = $(document).scrollLeft(); + iHeight = nTarget.offsetHeight; + iWidth = nTarget.offsetWidth; + aiPos = _fnGetPos( nTarget ); + + /* Take account of scrolling in DataTables 1.7 - remove scrolling since that would add to + * the positioning calculation + */ + if ( _oDatatable && typeof oSettings.oScroll != 'undefined' && + (oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "") ) + { + aiPos[1] -= $(oSettings.nTable.parentNode).scrollTop(); + aiPos[0] -= $(oSettings.nTable.parentNode).scrollLeft(); + } + + /* Correct viewport positioning for vertical scrolling */ + if ( aiPos[1]+iHeight > iScrollTop+iViewportHeight ) + { + /* Displayed element if off the bottom of the viewport */ + _fnSetScrollTop( aiPos[1]+iHeight - iViewportHeight ); + } + else if ( aiPos[1] < iScrollTop ) + { + /* Displayed element if off the top of the viewport */ + _fnSetScrollTop( aiPos[1] ); + } + + /* Correct viewport positioning for horizontal scrolling */ + if ( aiPos[0]+iWidth > iScrollLeft+iViewportWidth ) + { + /* Displayed element is off the bottom of the viewport */ + _fnSetScrollLeft( aiPos[0]+iWidth - iViewportWidth ); + } + else if ( aiPos[0] < iScrollLeft ) + { + /* Displayed element if off the Left of the viewport */ + _fnSetScrollLeft( aiPos[0] ); + } + } + + /* Take account of scrolling in DataTables 1.7 */ + if ( _oDatatable && typeof oSettings.oScroll != 'undefined' && + (oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "") ) + { + var dtScrollBody = oSettings.nTable.parentNode; + iViewportHeight = dtScrollBody.clientHeight; + iViewportWidth = dtScrollBody.clientWidth; + iScrollTop = dtScrollBody.scrollTop; + iScrollLeft = dtScrollBody.scrollLeft; + iHeight = nTarget.offsetHeight; + iWidth = nTarget.offsetWidth; + + /* Correct for vertical scrolling */ + if ( nTarget.offsetTop + iHeight > iViewportHeight+iScrollTop ) + { + dtScrollBody.scrollTop = (nTarget.offsetTop + iHeight) - iViewportHeight; + } + else if ( nTarget.offsetTop < iScrollTop ) + { + dtScrollBody.scrollTop = nTarget.offsetTop; + } + + /* Correct for horizontal scrolling */ + if ( nTarget.offsetLeft + iWidth > iViewportWidth+iScrollLeft ) + { + dtScrollBody.scrollLeft = (nTarget.offsetLeft + iWidth) - iViewportWidth; + } + else if ( nTarget.offsetLeft < iScrollLeft ) + { + dtScrollBody.scrollLeft = nTarget.offsetLeft; + } + } + + /* Focused - so we want to capture the keys */ + _fnCaptureKeys(); + + /* Fire of the focus event if there is one */ + _fnEventFire( "focus", _iOldX, _iOldY ); + } + + + /* + * Function: _fnBlur + * Purpose: Blur focus from the whole table + * Returns: - + * Inputs: - + */ + function _fnBlur() + { + _fnRemoveFocus( _nOldFocus ); + _iOldX = null; + _iOldY = null; + _nOldFocus = null; + _fnReleaseKeys(); + } + + + /* + * Function: _fnRemoveFocus + * Purpose: Remove focus from a cell and fire any blur events which are attached + * Returns: - + * Inputs: node:nTarget - cell of interest + */ + function _fnRemoveFocus( nTarget ) + { + $(nTarget).removeClass( _sFocusClass ); + $(nTarget).parent().removeClass( _sFocusClass ); + _fnEventFire( "blur", _iOldX, _iOldY ); + } + + + /* + * Function: _fnClick + * Purpose: Focus on the element that has been clicked on by the user + * Returns: - + * Inputs: event:e - click event + */ + function _fnClick ( e ) + { + var nTarget = this; + while ( nTarget.nodeName != "TD" ) + { + nTarget = nTarget.parentNode; + } + + _fnSetFocus( nTarget ); + _fnCaptureKeys(); + } + + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Key events + */ + + /* + * Function: _fnKey + * Purpose: Deal with a key events, be it moving the focus or return etc. + * Returns: bool: - allow browser default action + * Inputs: event:e - key event + */ + function _fnKey ( e ) + { + /* If user or system has blocked KeyTable from doing anything, just ignore this event */ + if ( _that.block || !_bKeyCapture ) + { + return true; + } + + /* If a modifier key is pressed (exapct shift), ignore the event */ + if ( e.metaKey || e.altKey || e.ctrlKey ) + { + return true; + } + var + x, y, + iTableWidth = _nBody.getElementsByTagName('tr')[0].getElementsByTagName('td').length, + iTableHeight; + + /* Get table height and width - done here so as to be dynamic (if table is updated) */ + if ( _oDatatable ) + { + /* + * Locate the current node in the DataTable overriding the old positions - the reason for + * is is that there might have been some DataTables interaction between the last focus and + * now + */ + iTableHeight = _oDatatable.aiDisplay.length; + + var aDtPos = _fnFindDtCell( _nOldFocus ); + if ( aDtPos === null ) + { + /* If the table has been updated such that the focused cell can't be seen - do nothing */ + return; + } + _iOldX = aDtPos[ 0 ]; + _iOldY = aDtPos[ 1 ]; + } + else + { + iTableHeight = _nBody.getElementsByTagName('tr').length; + } + + /* Capture shift+tab to match the left arrow key */ + var iKey = (e.keyCode == 9 && e.shiftKey) ? -1 : e.keyCode; + + switch( iKey ) + { + case 13: /* return */ + e.preventDefault(); + e.stopPropagation(); + _fnEventFire( "action", _iOldX, _iOldY ); + return true; + + case 27: /* esc */ + if ( !_fnEventFire( "esc", _iOldX, _iOldY ) ) + { + /* Only lose focus if there isn't an escape handler on the cell */ + _fnBlur(); + return; + } + x = _iOldX; + y = _iOldY; + break; + + case -1: + case 37: /* left arrow */ + if ( _iOldX > 0 ) { + x = _iOldX - 1; + y = _iOldY; + } else if ( _iOldY > 0 ) { + x = iTableWidth-1; + y = _iOldY - 1; + } else { + /* at start of table */ + if ( iKey == -1 && _bForm ) + { + /* If we are in a form, return focus to the 'input' element such that tabbing will + * follow correctly in the browser + */ + _bInputFocused = true; + _nInput.focus(); + + /* This timeout is a little nasty - but IE appears to have some asyhnc behaviour for + * focus + */ + setTimeout( function(){ _bInputFocused = false; }, 0 ); + _bKeyCapture = false; + _fnBlur(); + return true; + } + else + { + return false; + } + } + break; + + case 38: /* up arrow */ + if ( _iOldY > 0 ) { + x = _iOldX; + y = _iOldY - 1; + } else { + return false; + } + break; + + case 36: /* home */ + x = _iOldX; + y = 0; + break; + + case 33: /* page up */ + x = _iOldX; + y = _iOldY - 10; + if (y < 0) { + y = 0; + } + break; + + case 9: /* tab */ + case 39: /* right arrow */ + if ( _iOldX < iTableWidth-1 ) { + x = _iOldX + 1; + y = _iOldY; + } else if ( _iOldY < iTableHeight-1 ) { + x = 0; + y = _iOldY + 1; + } else { + /* at end of table */ + if ( iKey == 9 && _bForm ) + { + /* If we are in a form, return focus to the 'input' element such that tabbing will + * follow correctly in the browser + */ + _bInputFocused = true; + _nInput.focus(); + + /* This timeout is a little nasty - but IE appears to have some asyhnc behaviour for + * focus + */ + setTimeout( function(){ _bInputFocused = false; }, 0 ); + _bKeyCapture = false; + _fnBlur(); + return true; + } + else + { + return false; + } + } + break; + + case 40: /* down arrow */ + if ( _iOldY < iTableHeight-1 ) { + x = _iOldX; + y = _iOldY + 1; + } else { + return false; + } + break; + + case 35: /* end */ + x = _iOldX; + y = iTableHeight-1; + break; + + case 34: /* page down */ + x = _iOldX; + y = _iOldY+10; + if (y > iTableHeight-1) { + y = iTableHeight-1; + } + break; + + default: /* Nothing we are interested in */ + return true; + } + + _fnSetFocus( _fnCellFromCoords(x, y) ); + return false; + } + + + /* + * Function: _fnCaptureKeys + * Purpose: Start capturing key events for this table + * Returns: - + * Inputs: - + */ + function _fnCaptureKeys( ) + { + if ( !_bKeyCapture ) + { + _bKeyCapture = true; + } + } + + + /* + * Function: _fnReleaseKeys + * Purpose: Stop capturing key events for this table + * Returns: - + * Inputs: - + */ + function _fnReleaseKeys( ) + { + _bKeyCapture = false; + } + + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Support functions + */ + + /* + * Function: _fnCellFromCoords + * Purpose: Calulate the target TD cell from x and y coordinates + * Returns: node: - TD target + * Inputs: int:x - x coordinate + * int:y - y coordinate + */ + function _fnCellFromCoords( x, y ) + { + if ( _oDatatable ) + { + if ( typeof _oDatatable.aoData[ _oDatatable.aiDisplay[ y ] ] != 'undefined' ) + { + return _oDatatable.aoData[ _oDatatable.aiDisplay[ y ] ].nTr.getElementsByTagName('td')[x]; + } + else + { + return null; + } + } + else + { + return $('tr:eq('+y+')>td:eq('+x+')', _nBody )[0]; + } + } + + + /* + * Function: _fnCoordsFromCell + * Purpose: Calculate the x and y position in a table from a TD cell + * Returns: array[2] int: [x, y] + * Inputs: node:n - TD cell of interest + * Notes: Not actually interested in this for DataTables since it might go out of date + */ + function _fnCoordsFromCell( n ) + { + if ( _oDatatable ) + { + return [ + $('td', n.parentNode).index(n), + $('tr', n.parentNode.parentNode).index(n.parentNode) + _oDatatable._iDisplayStart + ]; + } + else + { + return [ + $('td', n.parentNode).index(n), + $('tr', n.parentNode.parentNode).index(n.parentNode) + ]; + } + } + + + /* + * Function: _fnSetScrollTop + * Purpose: Set the vertical scrolling position + * Returns: - + * Inputs: int:iPos - scrolltop + * Notes: This is so nasty, but without browser detection you can't tell which you should set + * So on browsers that support both, the scroll top will be set twice. I can live with + * that :-) + */ + function _fnSetScrollTop( iPos ) + { + document.documentElement.scrollTop = iPos; + document.body.scrollTop = iPos; + } + + + /* + * Function: _fnSetScrollLeft + * Purpose: Set the horizontal scrolling position + * Returns: - + * Inputs: int:iPos - scrollleft + */ + function _fnSetScrollLeft( iPos ) + { + document.documentElement.scrollLeft = iPos; + document.body.scrollLeft = iPos; + } + + + /* + * Function: _fnGetPos + * Purpose: Get the position of an object on the rendered page + * Returns: array[2] int: [left, right] + * Inputs: node:obj - element of interest + */ + function _fnGetPos ( obj ) + { + var iLeft = 0; + var iTop = 0; + + if (obj.offsetParent) + { + iLeft = obj.offsetLeft; + iTop = obj.offsetTop; + obj = obj.offsetParent; + while (obj) + { + iLeft += obj.offsetLeft; + iTop += obj.offsetTop; + obj = obj.offsetParent; + } + } + return [iLeft,iTop]; + } + + + /* + * Function: _fnFindDtCell + * Purpose: Get the coords. of a cell from the DataTables internal information + * Returns: array[2] int: [x, y] coords. or null if not found + * Inputs: node:nTarget - the node of interest + */ + function _fnFindDtCell( nTarget ) + { + for ( var i=0, iLen=_oDatatable.aiDisplay.length ; i