diff --git a/node_modules/Responsive-2.4.1/License.txt b/node_modules/Responsive-2.4.1/License.txt new file mode 100644 index 0000000000000000000000000000000000000000..b542ef817f1e324b1a371d13c46226022d6dfba7 --- /dev/null +++ b/node_modules/Responsive-2.4.1/License.txt @@ -0,0 +1,22 @@ +MIT license + +Copyright (c) 2014-2015 SpryMedia Limited +http://datatables.net + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. diff --git a/node_modules/Responsive-2.4.1/Readme.md b/node_modules/Responsive-2.4.1/Readme.md new file mode 100644 index 0000000000000000000000000000000000000000..4bf8ee94ddf8e732727654957d8871103a58c8fb --- /dev/null +++ b/node_modules/Responsive-2.4.1/Readme.md @@ -0,0 +1,41 @@ +# Responsive + +Responsive will automatically optimise the table's layout for different screen sizes through the dynamic column visibility control, making your tables useful on desktop and mobile screens. + + +# Installation + +To use Responsive the primary way to obtain the software is to use the [DataTables downloader](//datatables.net/download). You can also include the individual files from the [DataTables CDN](//cdn.datatables.net). See the [documentation](http://datatables.net/extensions/responsive/) for full details. + +## NPM and Bower + +If you prefer to use a package manager such as NPM or Bower, distribution repositories are available with software built from this repository under the name `datatables.net-responsive`. Styling packages for Bootstrap, Foundation and other styling libraries are also available by adding a suffix to the package name. + +Please see the DataTables [NPM](//datatables.net/download/npm) and [Bower](//datatables.net/download/bower) installation pages for further information. The [DataTables installation manual](//datatables.net/manual/installation) also has details on how to use package managers with DataTables. + + +# Basic usage + +Responsive is initialised using the `responsive` option in the DataTables constructor - a simple boolean `true` will enable the feature. Further options can be specified using this option as an object - see the documentation for details. + +Example: + +```js +$(document).ready( function () { + $('#myTable').DataTable( { + responsive: true + } ); +} ); +``` + + +# Documentation / support + +* [Documentation](https://datatables.net/extensions/responsive/) +* [DataTables support forums](http://datatables.net/forums) + + +# GitHub + +If you fancy getting involved with the development of Responsive and help make it better, please refer to its [GitHub repo](https://github.com/DataTables/Responsive). + diff --git a/node_modules/Responsive-2.4.1/css/responsive.bootstrap.css b/node_modules/Responsive-2.4.1/css/responsive.bootstrap.css new file mode 100644 index 0000000000000000000000000000000000000000..c9be10e1d9fce5d15c83dbf9727fdd1fcc079c31 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.bootstrap.css @@ -0,0 +1,185 @@ +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { + cursor: default !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { + display: none !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { + position: relative; + padding-left: 30px; + cursor: pointer; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { + top: 50%; + left: 5px; + height: 1em; + width: 1em; + margin-top: -9px; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #337ab7; +} +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { + padding-left: 27px; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { + left: 4px; + height: 14px; + width: 14px; + border-radius: 14px; + line-height: 14px; + text-indent: 3px; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control, +table.dataTable.dtr-column > tbody > tr > th.dtr-control, +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + cursor: pointer; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 50%; + left: 50%; + height: 0.8em; + width: 0.8em; + margin-top: -0.5em; + margin-left: -0.5em; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #337ab7; +} +table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable > tbody > tr.child { + padding: 0.5em 1em; +} +table.dataTable > tbody > tr.child:hover { + background: transparent !important; +} +table.dataTable > tbody > tr.child ul.dtr-details { + display: inline-block; + list-style-type: none; + margin: 0; + padding: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #efefef; + padding: 0.5em 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { + padding-top: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { + border-bottom: none; +} +table.dataTable > tbody > tr.child span.dtr-title { + display: inline-block; + min-width: 75px; + font-weight: bold; +} +div.dtr-modal { + position: fixed; + box-sizing: border-box; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 100; + padding: 10em 1em; +} +div.dtr-modal div.dtr-modal-display { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + z-index: 102; + overflow: auto; + background-color: #f5f5f7; + border: 1px solid black; + border-radius: 0.5em; + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); +} +div.dtr-modal div.dtr-modal-content { + position: relative; + padding: 1em; +} +div.dtr-modal div.dtr-modal-close { + position: absolute; + top: 6px; + right: 6px; + width: 22px; + height: 22px; + border: 1px solid #eaeaea; + background-color: #f9f9f9; + text-align: center; + border-radius: 3px; + cursor: pointer; + z-index: 12; +} +div.dtr-modal div.dtr-modal-close:hover { + background-color: #eaeaea; +} +div.dtr-modal div.dtr-modal-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 767px) { + div.dtr-modal div.dtr-modal-display { + width: 95%; + } +} +div.dtr-bs-modal table.table tr:first-child td { + border-top: none; +} diff --git a/node_modules/Responsive-2.4.1/css/responsive.bootstrap.min.css b/node_modules/Responsive-2.4.1/css/responsive.bootstrap.min.css new file mode 100644 index 0000000000000000000000000000000000000000..b3642ee492549eb52dd711f72e2e6dea773ecf9d --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.bootstrap.min.css @@ -0,0 +1 @@ +table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#337ab7}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#337ab7}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none} diff --git a/node_modules/Responsive-2.4.1/css/responsive.bootstrap4.css b/node_modules/Responsive-2.4.1/css/responsive.bootstrap4.css new file mode 100644 index 0000000000000000000000000000000000000000..7152fc35408bf035e01449fd3ec529a9b019d7be --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.bootstrap4.css @@ -0,0 +1,185 @@ +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { + cursor: default !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { + display: none !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { + position: relative; + padding-left: 30px; + cursor: pointer; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { + top: 50%; + left: 5px; + height: 1em; + width: 1em; + margin-top: -9px; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #0275d8; +} +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { + padding-left: 27px; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { + left: 4px; + height: 14px; + width: 14px; + border-radius: 14px; + line-height: 14px; + text-indent: 3px; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control, +table.dataTable.dtr-column > tbody > tr > th.dtr-control, +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + cursor: pointer; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 50%; + left: 50%; + height: 0.8em; + width: 0.8em; + margin-top: -0.5em; + margin-left: -0.5em; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #0275d8; +} +table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable > tbody > tr.child { + padding: 0.5em 1em; +} +table.dataTable > tbody > tr.child:hover { + background: transparent !important; +} +table.dataTable > tbody > tr.child ul.dtr-details { + display: inline-block; + list-style-type: none; + margin: 0; + padding: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #efefef; + padding: 0.5em 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { + padding-top: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { + border-bottom: none; +} +table.dataTable > tbody > tr.child span.dtr-title { + display: inline-block; + min-width: 75px; + font-weight: bold; +} +div.dtr-modal { + position: fixed; + box-sizing: border-box; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 100; + padding: 10em 1em; +} +div.dtr-modal div.dtr-modal-display { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + z-index: 102; + overflow: auto; + background-color: #f5f5f7; + border: 1px solid black; + border-radius: 0.5em; + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); +} +div.dtr-modal div.dtr-modal-content { + position: relative; + padding: 1em; +} +div.dtr-modal div.dtr-modal-close { + position: absolute; + top: 6px; + right: 6px; + width: 22px; + height: 22px; + border: 1px solid #eaeaea; + background-color: #f9f9f9; + text-align: center; + border-radius: 3px; + cursor: pointer; + z-index: 12; +} +div.dtr-modal div.dtr-modal-close:hover { + background-color: #eaeaea; +} +div.dtr-modal div.dtr-modal-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 767px) { + div.dtr-modal div.dtr-modal-display { + width: 95%; + } +} +div.dtr-bs-modal table.table tr:first-child td { + border-top: none; +} diff --git a/node_modules/Responsive-2.4.1/css/responsive.bootstrap4.min.css b/node_modules/Responsive-2.4.1/css/responsive.bootstrap4.min.css new file mode 100644 index 0000000000000000000000000000000000000000..28959af13281553845b0ce22f0435b75772dd6d4 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.bootstrap4.min.css @@ -0,0 +1 @@ +table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#0275d8}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#0275d8}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none} diff --git a/node_modules/Responsive-2.4.1/css/responsive.bootstrap5.css b/node_modules/Responsive-2.4.1/css/responsive.bootstrap5.css new file mode 100644 index 0000000000000000000000000000000000000000..e563aabe55b5ddad77e516147a4f89476c898823 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.bootstrap5.css @@ -0,0 +1,190 @@ +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { + cursor: default !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { + display: none !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { + position: relative; + padding-left: 30px; + cursor: pointer; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { + top: 50%; + left: 5px; + height: 1em; + width: 1em; + margin-top: -9px; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #0d6efd; +} +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { + padding-left: 27px; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { + left: 4px; + height: 14px; + width: 14px; + border-radius: 14px; + line-height: 14px; + text-indent: 3px; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control, +table.dataTable.dtr-column > tbody > tr > th.dtr-control, +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + cursor: pointer; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 50%; + left: 50%; + height: 0.8em; + width: 0.8em; + margin-top: -0.5em; + margin-left: -0.5em; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #0d6efd; +} +table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable > tbody > tr.child { + padding: 0.5em 1em; +} +table.dataTable > tbody > tr.child:hover { + background: transparent !important; +} +table.dataTable > tbody > tr.child ul.dtr-details { + display: inline-block; + list-style-type: none; + margin: 0; + padding: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #efefef; + padding: 0.5em 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { + padding-top: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { + border-bottom: none; +} +table.dataTable > tbody > tr.child span.dtr-title { + display: inline-block; + min-width: 75px; + font-weight: bold; +} +div.dtr-modal { + position: fixed; + box-sizing: border-box; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 100; + padding: 10em 1em; +} +div.dtr-modal div.dtr-modal-display { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + z-index: 102; + overflow: auto; + background-color: #f5f5f7; + border: 1px solid black; + border-radius: 0.5em; + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); +} +div.dtr-modal div.dtr-modal-content { + position: relative; + padding: 1em; +} +div.dtr-modal div.dtr-modal-close { + position: absolute; + top: 6px; + right: 6px; + width: 22px; + height: 22px; + border: 1px solid #eaeaea; + background-color: #f9f9f9; + text-align: center; + border-radius: 3px; + cursor: pointer; + z-index: 12; +} +div.dtr-modal div.dtr-modal-close:hover { + background-color: #eaeaea; +} +div.dtr-modal div.dtr-modal-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 767px) { + div.dtr-modal div.dtr-modal-display { + width: 95%; + } +} +div.dtr-bs-modal table.table tr:first-child td { + border-top: none; +} + +table.dataTable.table-bordered th.dtr-control.dtr-hidden + *, +table.dataTable.table-bordered td.dtr-control.dtr-hidden + * { + border-left-width: 1px; +} diff --git a/node_modules/Responsive-2.4.1/css/responsive.bootstrap5.min.css b/node_modules/Responsive-2.4.1/css/responsive.bootstrap5.min.css new file mode 100644 index 0000000000000000000000000000000000000000..3ae108c9bac67afc4967dccca612553d514789e9 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.bootstrap5.min.css @@ -0,0 +1 @@ +table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#0d6efd}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#0d6efd}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none}table.dataTable.table-bordered th.dtr-control.dtr-hidden+*,table.dataTable.table-bordered td.dtr-control.dtr-hidden+*{border-left-width:1px} diff --git a/node_modules/Responsive-2.4.1/css/responsive.bulma.css b/node_modules/Responsive-2.4.1/css/responsive.bulma.css new file mode 100644 index 0000000000000000000000000000000000000000..f302185902969de70be1defeb924c0de1af2a4f9 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.bulma.css @@ -0,0 +1,191 @@ +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { + cursor: default !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { + display: none !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { + position: relative; + padding-left: 30px; + cursor: pointer; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { + top: 50%; + left: 5px; + height: 1em; + width: 1em; + margin-top: -9px; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #00D1B2; +} +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { + padding-left: 27px; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { + left: 4px; + height: 14px; + width: 14px; + border-radius: 14px; + line-height: 14px; + text-indent: 3px; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control, +table.dataTable.dtr-column > tbody > tr > th.dtr-control, +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + cursor: pointer; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 50%; + left: 50%; + height: 0.8em; + width: 0.8em; + margin-top: -0.5em; + margin-left: -0.5em; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #00D1B2; +} +table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable > tbody > tr.child { + padding: 0.5em 1em; +} +table.dataTable > tbody > tr.child:hover { + background: transparent !important; +} +table.dataTable > tbody > tr.child ul.dtr-details { + display: inline-block; + list-style-type: none; + margin: 0; + padding: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #efefef; + padding: 0.5em 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { + padding-top: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { + border-bottom: none; +} +table.dataTable > tbody > tr.child span.dtr-title { + display: inline-block; + min-width: 75px; + font-weight: bold; +} +div.dtr-modal { + position: fixed; + box-sizing: border-box; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 100; + padding: 10em 1em; +} +div.dtr-modal div.dtr-modal-display { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + z-index: 102; + overflow: auto; + background-color: #f5f5f7; + border: 1px solid black; + border-radius: 0.5em; + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); +} +div.dtr-modal div.dtr-modal-content { + position: relative; + padding: 1em; +} +div.dtr-modal div.dtr-modal-close { + position: absolute; + top: 6px; + right: 6px; + width: 22px; + height: 22px; + border: 1px solid #eaeaea; + background-color: #f9f9f9; + text-align: center; + border-radius: 3px; + cursor: pointer; + z-index: 12; +} +div.dtr-modal div.dtr-modal-close:hover { + background-color: #eaeaea; +} +div.dtr-modal div.dtr-modal-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 767px) { + div.dtr-modal div.dtr-modal-display { + width: 95%; + } +} +table.dataTable > tbody > tr.child ul { + font-size: 1em; +} + +div.modal-content { + padding: 20px; + background: white; + border-radius: 5px; +} diff --git a/node_modules/Responsive-2.4.1/css/responsive.bulma.min.css b/node_modules/Responsive-2.4.1/css/responsive.bulma.min.css new file mode 100644 index 0000000000000000000000000000000000000000..ead3ca6df80d1855802ed1525f3231a0854f5a5b --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.bulma.min.css @@ -0,0 +1 @@ +table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#00d1b2}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#00d1b2}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}table.dataTable>tbody>tr.child ul{font-size:1em}div.modal-content{padding:20px;background:white;border-radius:5px} diff --git a/node_modules/Responsive-2.4.1/css/responsive.dataTables.css b/node_modules/Responsive-2.4.1/css/responsive.dataTables.css new file mode 100644 index 0000000000000000000000000000000000000000..f674df2c70a7a4b00a68ba421b012dd847dd967a --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.dataTables.css @@ -0,0 +1,182 @@ +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { + cursor: default !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { + display: none !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { + position: relative; + padding-left: 30px; + cursor: pointer; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { + top: 50%; + left: 5px; + height: 1em; + width: 1em; + margin-top: -9px; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #31b131; +} +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { + padding-left: 27px; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { + left: 4px; + height: 14px; + width: 14px; + border-radius: 14px; + line-height: 14px; + text-indent: 3px; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control, +table.dataTable.dtr-column > tbody > tr > th.dtr-control, +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + cursor: pointer; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 50%; + left: 50%; + height: 0.8em; + width: 0.8em; + margin-top: -0.5em; + margin-left: -0.5em; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #31b131; +} +table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable > tbody > tr.child { + padding: 0.5em 1em; +} +table.dataTable > tbody > tr.child:hover { + background: transparent !important; +} +table.dataTable > tbody > tr.child ul.dtr-details { + display: inline-block; + list-style-type: none; + margin: 0; + padding: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #efefef; + padding: 0.5em 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { + padding-top: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { + border-bottom: none; +} +table.dataTable > tbody > tr.child span.dtr-title { + display: inline-block; + min-width: 75px; + font-weight: bold; +} +div.dtr-modal { + position: fixed; + box-sizing: border-box; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 100; + padding: 10em 1em; +} +div.dtr-modal div.dtr-modal-display { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + z-index: 102; + overflow: auto; + background-color: #f5f5f7; + border: 1px solid black; + border-radius: 0.5em; + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); +} +div.dtr-modal div.dtr-modal-content { + position: relative; + padding: 1em; +} +div.dtr-modal div.dtr-modal-close { + position: absolute; + top: 6px; + right: 6px; + width: 22px; + height: 22px; + border: 1px solid #eaeaea; + background-color: #f9f9f9; + text-align: center; + border-radius: 3px; + cursor: pointer; + z-index: 12; +} +div.dtr-modal div.dtr-modal-close:hover { + background-color: #eaeaea; +} +div.dtr-modal div.dtr-modal-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 767px) { + div.dtr-modal div.dtr-modal-display { + width: 95%; + } +} diff --git a/node_modules/Responsive-2.4.1/css/responsive.dataTables.min.css b/node_modules/Responsive-2.4.1/css/responsive.dataTables.min.css new file mode 100644 index 0000000000000000000000000000000000000000..8e6448abd97ec290895ddb81ace5acaac5cc01e8 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.dataTables.min.css @@ -0,0 +1 @@ +table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}} diff --git a/node_modules/Responsive-2.4.1/css/responsive.foundation.css b/node_modules/Responsive-2.4.1/css/responsive.foundation.css new file mode 100644 index 0000000000000000000000000000000000000000..a91d28aff9d04009fd282a611052cea83f26dd22 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.foundation.css @@ -0,0 +1,185 @@ +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { + cursor: default !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { + display: none !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { + position: relative; + padding-left: 30px; + cursor: pointer; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { + top: 50%; + left: 5px; + height: 1em; + width: 1em; + margin-top: -9px; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #008CBA; +} +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { + padding-left: 27px; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { + left: 4px; + height: 14px; + width: 14px; + border-radius: 14px; + line-height: 14px; + text-indent: 3px; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control, +table.dataTable.dtr-column > tbody > tr > th.dtr-control, +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + cursor: pointer; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 50%; + left: 50%; + height: 0.8em; + width: 0.8em; + margin-top: -0.5em; + margin-left: -0.5em; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #008CBA; +} +table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable > tbody > tr.child { + padding: 0.5em 1em; +} +table.dataTable > tbody > tr.child:hover { + background: transparent !important; +} +table.dataTable > tbody > tr.child ul.dtr-details { + display: inline-block; + list-style-type: none; + margin: 0; + padding: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #efefef; + padding: 0.5em 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { + padding-top: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { + border-bottom: none; +} +table.dataTable > tbody > tr.child span.dtr-title { + display: inline-block; + min-width: 75px; + font-weight: bold; +} +div.dtr-modal { + position: fixed; + box-sizing: border-box; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 100; + padding: 10em 1em; +} +div.dtr-modal div.dtr-modal-display { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + z-index: 102; + overflow: auto; + background-color: #f5f5f7; + border: 1px solid black; + border-radius: 0.5em; + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); +} +div.dtr-modal div.dtr-modal-content { + position: relative; + padding: 1em; +} +div.dtr-modal div.dtr-modal-close { + position: absolute; + top: 6px; + right: 6px; + width: 22px; + height: 22px; + border: 1px solid #eaeaea; + background-color: #f9f9f9; + text-align: center; + border-radius: 3px; + cursor: pointer; + z-index: 12; +} +div.dtr-modal div.dtr-modal-close:hover { + background-color: #eaeaea; +} +div.dtr-modal div.dtr-modal-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 767px) { + div.dtr-modal div.dtr-modal-display { + width: 95%; + } +} +table.dataTable > tbody > tr.child ul { + font-size: 1em; +} diff --git a/node_modules/Responsive-2.4.1/css/responsive.foundation.min.css b/node_modules/Responsive-2.4.1/css/responsive.foundation.min.css new file mode 100644 index 0000000000000000000000000000000000000000..eb248f93a5c1a2a02b317953c796349b526c611f --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.foundation.min.css @@ -0,0 +1 @@ +table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#008cba}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#008cba}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}table.dataTable>tbody>tr.child ul{font-size:1em} diff --git a/node_modules/Responsive-2.4.1/css/responsive.jqueryui.css b/node_modules/Responsive-2.4.1/css/responsive.jqueryui.css new file mode 100644 index 0000000000000000000000000000000000000000..f674df2c70a7a4b00a68ba421b012dd847dd967a --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.jqueryui.css @@ -0,0 +1,182 @@ +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { + cursor: default !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { + display: none !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { + position: relative; + padding-left: 30px; + cursor: pointer; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { + top: 50%; + left: 5px; + height: 1em; + width: 1em; + margin-top: -9px; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #31b131; +} +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { + padding-left: 27px; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { + left: 4px; + height: 14px; + width: 14px; + border-radius: 14px; + line-height: 14px; + text-indent: 3px; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control, +table.dataTable.dtr-column > tbody > tr > th.dtr-control, +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + cursor: pointer; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 50%; + left: 50%; + height: 0.8em; + width: 0.8em; + margin-top: -0.5em; + margin-left: -0.5em; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #31b131; +} +table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable > tbody > tr.child { + padding: 0.5em 1em; +} +table.dataTable > tbody > tr.child:hover { + background: transparent !important; +} +table.dataTable > tbody > tr.child ul.dtr-details { + display: inline-block; + list-style-type: none; + margin: 0; + padding: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #efefef; + padding: 0.5em 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { + padding-top: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { + border-bottom: none; +} +table.dataTable > tbody > tr.child span.dtr-title { + display: inline-block; + min-width: 75px; + font-weight: bold; +} +div.dtr-modal { + position: fixed; + box-sizing: border-box; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 100; + padding: 10em 1em; +} +div.dtr-modal div.dtr-modal-display { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + z-index: 102; + overflow: auto; + background-color: #f5f5f7; + border: 1px solid black; + border-radius: 0.5em; + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); +} +div.dtr-modal div.dtr-modal-content { + position: relative; + padding: 1em; +} +div.dtr-modal div.dtr-modal-close { + position: absolute; + top: 6px; + right: 6px; + width: 22px; + height: 22px; + border: 1px solid #eaeaea; + background-color: #f9f9f9; + text-align: center; + border-radius: 3px; + cursor: pointer; + z-index: 12; +} +div.dtr-modal div.dtr-modal-close:hover { + background-color: #eaeaea; +} +div.dtr-modal div.dtr-modal-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 767px) { + div.dtr-modal div.dtr-modal-display { + width: 95%; + } +} diff --git a/node_modules/Responsive-2.4.1/css/responsive.jqueryui.min.css b/node_modules/Responsive-2.4.1/css/responsive.jqueryui.min.css new file mode 100644 index 0000000000000000000000000000000000000000..8e6448abd97ec290895ddb81ace5acaac5cc01e8 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.jqueryui.min.css @@ -0,0 +1 @@ +table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}} diff --git a/node_modules/Responsive-2.4.1/css/responsive.semanticui.css b/node_modules/Responsive-2.4.1/css/responsive.semanticui.css new file mode 100644 index 0000000000000000000000000000000000000000..cab70bb87a08ff0ac4dbb5a330056f89d9d94290 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.semanticui.css @@ -0,0 +1,185 @@ +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { + cursor: default !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { + display: none !important; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { + position: relative; + padding-left: 30px; + cursor: pointer; +} +table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { + top: 50%; + left: 5px; + height: 14px; + width: 14px; + margin-top: -9px; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #21ba45; +} +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { + padding-left: 27px; +} +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { + left: 4px; + height: 14px; + width: 14px; + border-radius: 14px; + line-height: 14px; + text-indent: 3px; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control, +table.dataTable.dtr-column > tbody > tr > th.dtr-control, +table.dataTable.dtr-column > tbody > tr > td.control, +table.dataTable.dtr-column > tbody > tr > th.control { + position: relative; + cursor: pointer; +} +table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr > td.control:before, +table.dataTable.dtr-column > tbody > tr > th.control:before { + top: 50%; + left: 50%; + height: 0.8em; + width: 0.8em; + margin-top: -0.5em; + margin-left: -0.5em; + display: block; + position: absolute; + color: white; + border: 0.15em solid white; + border-radius: 1em; + box-shadow: 0 0 0.2em #444; + box-sizing: content-box; + text-align: center; + text-indent: 0 !important; + font-family: "Courier New", Courier, monospace; + line-height: 1em; + content: "+"; + background-color: #21ba45; +} +table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, +table.dataTable.dtr-column > tbody > tr.parent td.control:before, +table.dataTable.dtr-column > tbody > tr.parent th.control:before { + content: "-"; + background-color: #d33333; +} +table.dataTable > tbody > tr.child { + padding: 0.5em 1em; +} +table.dataTable > tbody > tr.child:hover { + background: transparent !important; +} +table.dataTable > tbody > tr.child ul.dtr-details { + display: inline-block; + list-style-type: none; + margin: 0; + padding: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li { + border-bottom: 1px solid #efefef; + padding: 0.5em 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { + padding-top: 0; +} +table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { + border-bottom: none; +} +table.dataTable > tbody > tr.child span.dtr-title { + display: inline-block; + min-width: 75px; + font-weight: bold; +} +div.dtr-modal { + position: fixed; + box-sizing: border-box; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 100; + padding: 10em 1em; +} +div.dtr-modal div.dtr-modal-display { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 50%; + height: 50%; + overflow: auto; + margin: auto; + z-index: 102; + overflow: auto; + background-color: #f5f5f7; + border: 1px solid black; + border-radius: 0.5em; + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); +} +div.dtr-modal div.dtr-modal-content { + position: relative; + padding: 1em; +} +div.dtr-modal div.dtr-modal-close { + position: absolute; + top: 6px; + right: 6px; + width: 22px; + height: 22px; + border: 1px solid #eaeaea; + background-color: #f9f9f9; + text-align: center; + border-radius: 3px; + cursor: pointer; + z-index: 12; +} +div.dtr-modal div.dtr-modal-close:hover { + background-color: #eaeaea; +} +div.dtr-modal div.dtr-modal-background { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 101; + background: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 767px) { + div.dtr-modal div.dtr-modal-display { + width: 95%; + } +} +div.dtr-bs-modal table.table tr:first-child td { + border-top: none; +} diff --git a/node_modules/Responsive-2.4.1/css/responsive.semanticui.min.css b/node_modules/Responsive-2.4.1/css/responsive.semanticui.min.css new file mode 100644 index 0000000000000000000000000000000000000000..8b0d4be26cf499dc0abb07c944ab1f513e80f0a6 --- /dev/null +++ b/node_modules/Responsive-2.4.1/css/responsive.semanticui.min.css @@ -0,0 +1 @@ +table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:14px;width:14px;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#21ba45}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#21ba45}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none} diff --git a/node_modules/Responsive-2.4.1/examples/child-rows/column-control.html b/node_modules/Responsive-2.4.1/examples/child-rows/column-control.html new file mode 100644 index 0000000000000000000000000000000000000000..020f010e68fae340fa12a08021100d03ee096b1d --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/child-rows/column-control.html @@ -0,0 +1,933 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Column controlled child rows</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + type: 'column' + } + }, + columnDefs: [ { + className: 'dtr-control', + orderable: false, + targets: 0 + } ], + order: [ 1, 'asc' ] + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Column controlled child rows</span></h1> + <div class="info"> + <p>Responsive has two built in methods for displaying the controlling element of the child rows; <code>inline</code> which is the default option and shows the + control in the first column, and <code>column</code> which sets a <em>control column</em> as the control. The control column is shown only when there is some other + column hidden, and is dedicated only to the show / hide control for the rows.</p> + <p>This example shows the <a href="//datatables.net/reference/option/responsive.details.type"><code class="option" title= + "Responsive initialisation option">responsive.details.type</code></a> option set to <code>column</code> to activate the control column. Note that by default the + first column is used as the control, so additionally in the initialisation the <a href="//datatables.net/reference/option/order"><code class="option" title= + "DataTables initialisation option">order</code></a> and <a href="//datatables.net/reference/option/columns.orderable"><code class="option" title= + "DataTables initialisation option">columns.orderable</code></a> options are used to disable sorting on this column along with using the class + <code>dtr-control</code> so it received the correct styling options.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th></th> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + </tr> + </thead> + <tbody> + <tr> + <td></td> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + </tr> + <tr> + <td></td> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + </tr> + <tr> + <td></td> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + </tr> + <tr> + <td></td> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + </tr> + <tr> + <td></td> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + </tr> + <tr> + <td></td> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + </tr> + <tr> + <td></td> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + </tr> + <tr> + <td></td> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + </tr> + <tr> + <td></td> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + </tr> + <tr> + <td></td> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + </tr> + <tr> + <td></td> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + </tr> + <tr> + <td></td> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + </tr> + <tr> + <td></td> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + </tr> + <tr> + <td></td> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + </tr> + <tr> + <td></td> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + </tr> + <tr> + <td></td> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + </tr> + <tr> + <td></td> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + </tr> + <tr> + <td></td> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + </tr> + <tr> + <td></td> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + </tr> + <tr> + <td></td> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + </tr> + <tr> + <td></td> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + </tr> + <tr> + <td></td> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + </tr> + <tr> + <td></td> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + </tr> + <tr> + <td></td> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + </tr> + <tr> + <td></td> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + </tr> + <tr> + <td></td> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + </tr> + <tr> + <td></td> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + </tr> + <tr> + <td></td> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + </tr> + <tr> + <td></td> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + </tr> + <tr> + <td></td> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + </tr> + <tr> + <td></td> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + </tr> + <tr> + <td></td> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + </tr> + <tr> + <td></td> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + </tr> + <tr> + <td></td> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + </tr> + <tr> + <td></td> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + </tr> + <tr> + <td></td> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + </tr> + <tr> + <td></td> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + </tr> + <tr> + <td></td> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + </tr> + <tr> + <td></td> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + </tr> + <tr> + <td></td> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + </tr> + <tr> + <td></td> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + </tr> + <tr> + <td></td> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + </tr> + <tr> + <td></td> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + </tr> + <tr> + <td></td> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + </tr> + <tr> + <td></td> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + </tr> + <tr> + <td></td> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + </tr> + <tr> + <td></td> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + </tr> + <tr> + <td></td> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + </tr> + <tr> + <td></td> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + </tr> + <tr> + <td></td> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + </tr> + <tr> + <td></td> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + </tr> + <tr> + <td></td> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + </tr> + <tr> + <td></td> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + </tr> + <tr> + <td></td> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + </tr> + <tr> + <td></td> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + </tr> + <tr> + <td></td> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + </tr> + <tr> + <td></td> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + </tr> + </tbody> + <tfoot> + <tr> + <th></th> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + </tr> + </tfoot> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + type: 'column' + } + }, + columnDefs: [ { + className: 'dtr-control', + orderable: false, + targets: 0 + } ], + order: [ 1, 'asc' ] + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Child rows</a></h3> + <ul class="toc active"> + <li> + <a href="./disable-child-rows.html">Disable child rows</a> + </li> + <li class="active"> + <a href="./column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="./right-column.html">Column control - right</a> + </li> + <li> + <a href="./whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="./custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/child-rows/custom-renderer.html b/node_modules/Responsive-2.4.1/examples/child-rows/custom-renderer.html new file mode 100644 index 0000000000000000000000000000000000000000..a35dd3d7b718521b38450fd53a4cb3ea97701e29 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/child-rows/custom-renderer.html @@ -0,0 +1,934 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Custom child row renderer</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + renderer: function ( api, rowIdx, columns ) { + var data = $.map( columns, function ( col, i ) { + return col.hidden ? + '<tr data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+ + '<td>'+col.title+':'+'</td> '+ + '<td>'+col.data+'</td>'+ + '</tr>' : + ''; + } ).join(''); + + return data ? + $('<table/>').append( data ) : + false; + } + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Custom child row renderer</span></h1> + <div class="info"> + <p>The child row's for a collapsed table in Responsive, by default, show a <code class="tag" title="HTML tag">ul/li</code> list of the data from the hidden + columns. The <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> option provides the ability to create your own custom renderer. It is given three + parameters: the DataTables API instance for the table, the row index to use and an array of information about the columns - please refer to the <a href= + "//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> documentation for full details of the object structure used in the array for each + column.</p> + <p>This example shows the <code>columns</code> parameter that is passed in to display information only about the columns that Responsive has hidden. You could + refine this to select only certain columns, or show all columns, etc.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + renderer: function ( api, rowIdx, columns ) { + var data = $.map( columns, function ( col, i ) { + return col.hidden ? + '<tr data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+ + '<td>'+col.title+':'+'</td> '+ + '<td>'+col.data+'</td>'+ + '</tr>' : + ''; + } ).join(''); + + return data ? + $('<table/>').append( data ) : + false; + } + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Child rows</a></h3> + <ul class="toc active"> + <li> + <a href="./disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="./column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="./right-column.html">Column control - right</a> + </li> + <li> + <a href="./whole-row-control.html">Whole row child row control</a> + </li> + <li class="active"> + <a href="./custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/child-rows/disable-child-rows.html b/node_modules/Responsive-2.4.1/examples/child-rows/disable-child-rows.html new file mode 100644 index 0000000000000000000000000000000000000000..7c168113a691373d1e5abf2110c124e178a8af3f --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/child-rows/disable-child-rows.html @@ -0,0 +1,899 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Disable child rows</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: false + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Disable child rows</span></h1> + <div class="info"> + <p>By default, when Responsive collapses a table, it will show an option for the end user to expand the row, showing the details of the hidden columns in a child + row. This can be disabled using the <a href="//datatables.net/reference/option/responsive.details"><code class="option" title= + "Responsive initialisation option">responsive.details</code></a> option and setting it to <code>false</code>, as shown in the example below. In this case the + hidden data is not directly accessible to the end user.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: false + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Child rows</a></h3> + <ul class="toc active"> + <li class="active"> + <a href="./disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="./column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="./right-column.html">Column control - right</a> + </li> + <li> + <a href="./whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="./custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/child-rows/index.html b/node_modules/Responsive-2.4.1/examples/child-rows/index.html new file mode 100644 index 0000000000000000000000000000000000000000..c1d71c274aa8756058a43df25906a92b912a158c --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/child-rows/index.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <title>Responsive examples - Child row control</title> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Child row control</span></h1> + <div class="info"> + <p>When a column is removed from display by Responsive, the data is still available in the table and can be displayed in a DataTables <em>child row</em> (see + <a href="//datatables.net/reference/api/row().child()"><code class="api" title="DataTables API method">row().child()</code></a>). By default Responsive will show + child row controls in the first column when the table has been collapsed, allowing the end user to show / hide the information from the hidden columns.</p> + <p>Responsive has a number of options for display of the child rows:</p> + <ul class="markdown"> + <li>If child row display is enabled: <a href="//datatables.net/reference/option/responsive.details"><code class="option" title= + "Responsive initialisation option">responsive.details</code></a> + </li> + <li>How the show / hide control is displayed: <a href="//datatables.net/reference/option/responsive.details.type"><code class="option" title= + "Responsive initialisation option">responsive.details.type</code></a> + </li> + <li>How the child row is rendered: <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> + </li> + </ul> + <p>This section shows examples of these options being used.</p> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="./disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="./column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="./right-column.html">Column control - right</a> + </li> + <li> + <a href="./whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="./custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="https://www.datatables.net/license/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/child-rows/right-column.html b/node_modules/Responsive-2.4.1/examples/child-rows/right-column.html new file mode 100644 index 0000000000000000000000000000000000000000..c7bb1f81a59bc6b415d79de7e508dc7769bfb372 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/child-rows/right-column.html @@ -0,0 +1,928 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Column control - right</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + type: 'column', + target: -1 + } + }, + columnDefs: [ { + className: 'dtr-control', + orderable: false, + targets: -1 + } ] + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Column control - right</span></h1> + <div class="info"> + <p>When using the <code>column</code> child row control type, Responsive has the ability to use any column or element as the show / hide control for the row + details. This is provided through the <a href="//datatables.net/reference/option/responsive.details.target"><code class="option" title= + "Responsive initialisation option">responsive.details.target</code></a> option, which can be either a column index, or a jQuery selector.</p> + <p>This example shows the last column in the table being used as the control column.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th></th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td></td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td></td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td></td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td></td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td></td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td></td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td></td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td></td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td></td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td></td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td></td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td></td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td></td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td></td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td></td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td></td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td></td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td></td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td></td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td></td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td></td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td></td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td></td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td></td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td></td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td></td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td></td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td></td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td></td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td></td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td></td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td></td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td></td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td></td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td></td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td></td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td></td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td></td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td></td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td></td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td></td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td></td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td></td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td></td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td></td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td></td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td></td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td></td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td></td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td></td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td></td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td></td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td></td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td></td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td></td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td></td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td></td> + </tr> + </tbody> + <tfoot> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th></th> + </tr> + </tfoot> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + type: 'column', + target: -1 + } + }, + columnDefs: [ { + className: 'dtr-control', + orderable: false, + targets: -1 + } ] + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Child rows</a></h3> + <ul class="toc active"> + <li> + <a href="./disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="./column-control.html">Column controlled child rows</a> + </li> + <li class="active"> + <a href="./right-column.html">Column control - right</a> + </li> + <li> + <a href="./whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="./custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/child-rows/whole-row-control.html b/node_modules/Responsive-2.4.1/examples/child-rows/whole-row-control.html new file mode 100644 index 0000000000000000000000000000000000000000..80d796a77da0fba486a9e7a75f310981f3179892 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/child-rows/whole-row-control.html @@ -0,0 +1,930 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Whole row child row control</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + type: 'column', + target: 'tr' + } + }, + columnDefs: [ { + className: 'control', + orderable: false, + targets: 0 + } ], + order: [ 1, 'asc' ] + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Whole row child row control</span></h1> + <div class="info"> + <p>When using the <code>column</code> details type in Responsive the <a href="//datatables.net/reference/option/responsive.details.target"><code class="option" + title="Responsive initialisation option">responsive.details.target</code></a> option provides the ability to control what element is used to show / hide the child + rows when the table is collapsed.</p> + <p>This example uses the <code>tr</code> selector to have the whole row act as the control.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th></th> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + </tr> + </thead> + <tbody> + <tr> + <td></td> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + </tr> + <tr> + <td></td> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + </tr> + <tr> + <td></td> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + </tr> + <tr> + <td></td> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + </tr> + <tr> + <td></td> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + </tr> + <tr> + <td></td> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + </tr> + <tr> + <td></td> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + </tr> + <tr> + <td></td> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + </tr> + <tr> + <td></td> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + </tr> + <tr> + <td></td> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + </tr> + <tr> + <td></td> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + </tr> + <tr> + <td></td> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + </tr> + <tr> + <td></td> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + </tr> + <tr> + <td></td> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + </tr> + <tr> + <td></td> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + </tr> + <tr> + <td></td> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + </tr> + <tr> + <td></td> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + </tr> + <tr> + <td></td> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + </tr> + <tr> + <td></td> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + </tr> + <tr> + <td></td> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + </tr> + <tr> + <td></td> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + </tr> + <tr> + <td></td> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + </tr> + <tr> + <td></td> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + </tr> + <tr> + <td></td> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + </tr> + <tr> + <td></td> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + </tr> + <tr> + <td></td> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + </tr> + <tr> + <td></td> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + </tr> + <tr> + <td></td> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + </tr> + <tr> + <td></td> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + </tr> + <tr> + <td></td> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + </tr> + <tr> + <td></td> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + </tr> + <tr> + <td></td> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + </tr> + <tr> + <td></td> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + </tr> + <tr> + <td></td> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + </tr> + <tr> + <td></td> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + </tr> + <tr> + <td></td> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + </tr> + <tr> + <td></td> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + </tr> + <tr> + <td></td> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + </tr> + <tr> + <td></td> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + </tr> + <tr> + <td></td> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + </tr> + <tr> + <td></td> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + </tr> + <tr> + <td></td> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + </tr> + <tr> + <td></td> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + </tr> + <tr> + <td></td> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + </tr> + <tr> + <td></td> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + </tr> + <tr> + <td></td> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + </tr> + <tr> + <td></td> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + </tr> + <tr> + <td></td> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + </tr> + <tr> + <td></td> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + </tr> + <tr> + <td></td> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + </tr> + <tr> + <td></td> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + </tr> + <tr> + <td></td> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + </tr> + <tr> + <td></td> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + </tr> + <tr> + <td></td> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + </tr> + <tr> + <td></td> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + </tr> + <tr> + <td></td> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + </tr> + <tr> + <td></td> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + </tr> + </tbody> + <tfoot> + <tr> + <th></th> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + </tr> + </tfoot> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + type: 'column', + target: 'tr' + } + }, + columnDefs: [ { + className: 'control', + orderable: false, + targets: 0 + } ], + order: [ 1, 'asc' ] + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Child rows</a></h3> + <ul class="toc active"> + <li> + <a href="./disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="./column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="./right-column.html">Column control - right</a> + </li> + <li class="active"> + <a href="./whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="./custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/column-control/auto.html b/node_modules/Responsive-2.4.1/examples/column-control/auto.html new file mode 100644 index 0000000000000000000000000000000000000000..6b115a70d8d2bb479fe0c63a48c3e63079379a37 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/column-control/auto.html @@ -0,0 +1,892 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Automatic column hiding</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Automatic column hiding</span></h1> + <div class="info"> + <p>Responsive will automatically detect which columns have breakpoint class names assigned to them for visibility control. If no breakpoint class is found for a + column, Responsive will determine automatically if the column should be shown or not at any particular viewport width. This is done by removing columns which cause + the table to overflow the viewport, with the columns being removed from the right.</p> + <p>This example shows that simple case. On a desktop browser resize the window horizontally to see columns added and removed on-the-fly. On a tablet or mobile + browser, change the screen's orientation.</p> + </div> + <div class="demo-html"> + <table id="example" class="display responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Column-control</a></h3> + <ul class="toc active"> + <li class="active"> + <a href="./auto.html">Automatic column hiding</a> + </li> + <li> + <a href="./columnPriority.html">Column priority</a> + </li> + <li> + <a href="./classes.html">Class control</a> + </li> + <li> + <a href="./init-classes.html">Assigned class control</a> + </li> + <li> + <a href="./column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="./fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="./colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/column-control/classes.html b/node_modules/Responsive-2.4.1/examples/column-control/classes.html new file mode 100644 index 0000000000000000000000000000000000000000..4fb1ce2b9fd35e7e7e134806f85e078db487e8e8 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/column-control/classes.html @@ -0,0 +1,315 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Class control</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + "ajax": "../../../../examples/ajax/data/objects.txt", + "columns": [ + { "data": "name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "start_date" }, + { "data": "salary" }, + { "data": "extn" } + ] + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Class control</span></h1> + <div class="info"> + <p>You can tell Responsive what columns should be visible on different devices through the use of class names on the columns. The breakpoints are horizontal screen + resolutions and the defaults are set for common devices:</p> + <ul class="markdown"> + <li><code>desktop</code> x >= 1024px</li> + <li><code>tablet-l</code> (landscape) 768 <= x < 1024</li> + <li><code>tablet-p</code> (portrait) 480 <= x < 768</li> + <li><code>mobile-l</code> (landscape) 320 <= x < 480</li> + <li><code>mobile-p</code> (portrait) x < 320</li> + </ul> + <p>You may leave the <code>-[lp]</code> option from the end if you wish to just target all tablet or mobile devices. Additionally, add <code>min-</code>, + <code>max-</code> or <code>not-</code> as a prefix to the class name to perform logic operations. For example, <code>not-mobile</code> would cause a column to + appear as visible on desktop and tablet devices, while <code>min-tablet-l</code> would require at least a horizontal width of 768 for the browser window to be + shown, and be shown at all sizes larger.</p> + <p>Additionally, there are three special class names:</p> + <ul class="markdown"> + <li><code>all</code> - Always display</li> + <li><code>none</code> - Don't display as a column, but show in the child row</li> + <li><code>never</code> - Never display</li> + <li> + <code>control</code> - Used for the <code>column</code> <a href="//datatables.net/reference/option/responsive.details.type"><code class="option" title= + "Responsive initialisation option">responsive.details.type</code></a> option. + </li> + </ul> + <p>Please <a href="//datatables.net/extensions/responsive/">refer to the Responsive manual</a> for further details of these options.</p> + <p>This example shows the <code>salary</code> column visible on a desktop and tablet - <code>office</code> requires a tablet, while the <code>position</code> + column requires a phone in landscape or larger. The <code>name</code> column is always visible and the <code>start date</code> is never visible.</p> + <p>This can be useful if you wish to change the format of the data shown on different devices, for example using a combination of <code>mobile</code> and + <code>not-mobile</code> on two different columns would allow information to be formatted suitable for each device type.</p> + </div> + <div class="demo-html"> + <div id="breakpoint"></div> + <table id="example" class="display responsive" width="100%"> + <thead> + <tr> + <th class="all">Name</th> + <th class="min-phone-l">Position</th> + <th class="min-tablet">Office</th> + <th class="never">Start date</th> + <th class="desktop tablet">Salary</th> + <th class="none">Extn.</th> + </tr> + </thead> + <tfoot> + <tr> + <th>Name</th> + <th>Position</th> + <th>Office</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + </tr> + </tfoot> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + "ajax": "../../../../examples/ajax/data/objects.txt", + "columns": [ + { "data": "name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "start_date" }, + { "data": "salary" }, + { "data": "extn" } + ] + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Column-control</a></h3> + <ul class="toc active"> + <li> + <a href="./auto.html">Automatic column hiding</a> + </li> + <li> + <a href="./columnPriority.html">Column priority</a> + </li> + <li class="active"> + <a href="./classes.html">Class control</a> + </li> + <li> + <a href="./init-classes.html">Assigned class control</a> + </li> + <li> + <a href="./column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="./fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="./colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/column-control/colreorder.html b/node_modules/Responsive-2.4.1/examples/column-control/colreorder.html new file mode 100644 index 0000000000000000000000000000000000000000..ed57043f64b31975ae222876f8076df66731c12f --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/column-control/colreorder.html @@ -0,0 +1,903 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - With ColReorder</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../ColReorder/css/colReorder.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../ColReorder/js/dataTables.colReorder.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: true, + colReorder: true + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>With ColReorder</span></h1> + <div class="info"> + <p>This example demonstrates the use of Responsive with the <a href="https://datatables.net/extensions/colreorder">ColReorder extension</a> for DataTables, which + provides the ability to reorder columns using click and drag on the column headers.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: true, + colReorder: true + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../../ColReorder/js/dataTables.colReorder.js">../../../ColReorder/js/dataTables.colReorder.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + <li> + <a href="../../../ColReorder/css/colReorder.dataTables.css">../../../ColReorder/css/colReorder.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Column-control</a></h3> + <ul class="toc active"> + <li> + <a href="./auto.html">Automatic column hiding</a> + </li> + <li> + <a href="./columnPriority.html">Column priority</a> + </li> + <li> + <a href="./classes.html">Class control</a> + </li> + <li> + <a href="./init-classes.html">Assigned class control</a> + </li> + <li> + <a href="./column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="./fixedHeader.html">With FixedHeader</a> + </li> + <li class="active"> + <a href="./colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/column-control/column-visibility.html b/node_modules/Responsive-2.4.1/examples/column-control/column-visibility.html new file mode 100644 index 0000000000000000000000000000000000000000..718ee38c80be0d7ceb9d2e60d48504fd9b8e4206 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/column-control/column-visibility.html @@ -0,0 +1,912 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - With Buttons - Column visibility</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../Buttons/css/buttons.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../Buttons/js/dataTables.buttons.js"></script> + <script type="text/javascript" language="javascript" src="../../../Buttons/js/buttons.colVis.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + dom: 'Bfrtip', + buttons: [ + 'colvis' + ] + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>With Buttons - Column visibility</span></h1> + <div class="info"> + <p><a href="https://datatables.net/extensions/buttons">Buttons</a> is an extension for DataTables that provides a framework for control buttons, and also a number + of default button sets. This example shows the use of Responsive with the <a href="//datatables.net/reference/button/colvis"><code class="button" title= + "Buttons button type">colvis</code></a> button type, demonstrating how Responsive works with column visibility in DataTables.</p> + </div> + <div class="demo-html"> + <table id="example" class="display responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + dom: 'Bfrtip', + buttons: [ + 'colvis' + ] + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../../Buttons/js/dataTables.buttons.js">../../../Buttons/js/dataTables.buttons.js</a> + </li> + <li> + <a href="../../../Buttons/js/buttons.colVis.js">../../../Buttons/js/buttons.colVis.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + <li> + <a href="../../../Buttons/css/buttons.dataTables.css">../../../Buttons/css/buttons.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Column-control</a></h3> + <ul class="toc active"> + <li> + <a href="./auto.html">Automatic column hiding</a> + </li> + <li> + <a href="./columnPriority.html">Column priority</a> + </li> + <li> + <a href="./classes.html">Class control</a> + </li> + <li> + <a href="./init-classes.html">Assigned class control</a> + </li> + <li class="active"> + <a href="./column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="./fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="./colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/column-control/columnPriority.html b/node_modules/Responsive-2.4.1/examples/column-control/columnPriority.html new file mode 100644 index 0000000000000000000000000000000000000000..467a2db740f18c56babc8a738929ffd1ff78099b --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/column-control/columnPriority.html @@ -0,0 +1,916 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Column priority</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + div.container { max-width: 1200px } + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: true, + columnDefs: [ + { responsivePriority: 1, targets: 0 }, + { responsivePriority: 10001, targets: 4 }, + { responsivePriority: 2, targets: -2 } + ] + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Column priority</span></h1> + <div class="info"> + <p>Responsive will automatically hide columns from the right-hand-side of the table, moving in as the table gets smaller, but it can often be useful to use a + custom ordering, giving priority to certain columns (for example an actions buttons column, or a column with important information).</p> + <p>Column visibility priority can be defined in Responsive using the <a href="//datatables.net/reference/option/columns.responsivePriority"><code class="option" + title="Responsive initialisation option">columns.responsivePriority</code></a> initialisation option in the DataTables column options (<a href= + "//datatables.net/reference/option/columns"><code class="option" title="DataTables initialisation option">columns</code></a> or <a href= + "//datatables.net/reference/option/columnDefs"><code class="option" title="DataTables initialisation option">columnDefs</code></a>). The priority given is a number + with lower values representing a higher priority. Columns have a default value of 10000 for their hiding priority - to make a column disappear before the right + most column, set its <code>responsivePriority</code> to be 10001 or higher.</p> + <p>This example shows the <em>first name</em> column being given top priority and then the <em>extn.</em> column. Resizing the table will cause the other columns + to be removed before these two columns - with the <em>first name</em> column finally taking priority. The <em>age</em> column is the lowest priority and removed + before all others, even although it is in the middle of the table.</p> + <p>The column priority can also be defined by a <code>data-priority</code> attribute on the column's header cell (for example <code class="tag" title= + "HTML tag"><th data-priority="1">First name</th></code>).</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: true, + columnDefs: [ + { responsivePriority: 1, targets: 0 }, + { responsivePriority: 10001, targets: 4 }, + { responsivePriority: 2, targets: -2 } + ] + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css">div.container { max-width: 1200px }</code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Column-control</a></h3> + <ul class="toc active"> + <li> + <a href="./auto.html">Automatic column hiding</a> + </li> + <li class="active"> + <a href="./columnPriority.html">Column priority</a> + </li> + <li> + <a href="./classes.html">Class control</a> + </li> + <li> + <a href="./init-classes.html">Assigned class control</a> + </li> + <li> + <a href="./column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="./fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="./colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/column-control/fixedHeader.html b/node_modules/Responsive-2.4.1/examples/column-control/fixedHeader.html new file mode 100644 index 0000000000000000000000000000000000000000..0edd7e56ccd04a0783db9324621d2c2671a6dd39 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/column-control/fixedHeader.html @@ -0,0 +1,909 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - With FixedHeader</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../FixedHeader/css/fixedHeader.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + div.container { max-width: 1200px } + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../FixedHeader/js/dataTables.fixedHeader.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + var table = $('#example').DataTable( { + responsive: true, + paging: false + } ); + + new $.fn.dataTable.FixedHeader( table ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>With FixedHeader</span></h1> + <div class="info"> + <p>This example shows Responsive being used with the DataTables <a href="http://datatables.net/extensions/fixedheader">FixedHeader</a> extension. FixedHeader will + lock a table's header to the top of the table, ensuring that the user always knows what each column relates to.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + var table = $('#example').DataTable( { + responsive: true, + paging: false + } ); + + new $.fn.dataTable.FixedHeader( table ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../../FixedHeader/js/dataTables.fixedHeader.js">../../../FixedHeader/js/dataTables.fixedHeader.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css">div.container { max-width: 1200px }</code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + <li> + <a href="../../../FixedHeader/css/fixedHeader.dataTables.css">../../../FixedHeader/css/fixedHeader.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Column-control</a></h3> + <ul class="toc active"> + <li> + <a href="./auto.html">Automatic column hiding</a> + </li> + <li> + <a href="./columnPriority.html">Column priority</a> + </li> + <li> + <a href="./classes.html">Class control</a> + </li> + <li> + <a href="./init-classes.html">Assigned class control</a> + </li> + <li> + <a href="./column-visibility.html">With Buttons - Column visibility</a> + </li> + <li class="active"> + <a href="./fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="./colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/column-control/index.html b/node_modules/Responsive-2.4.1/examples/column-control/index.html new file mode 100644 index 0000000000000000000000000000000000000000..6bcd2555c4b60e872d12e224762e66fa20358b45 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/column-control/index.html @@ -0,0 +1,72 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <title>Responsive examples - Column control</title> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Column control</span></h1> + <div class="info"> + <p>Responsive has two modes of operation for controlling the visibility of columns at different display sizes. These two modes can be used separately or combined + together:</p> + <ul class="markdown"> + <li>Manually assigned class names for breakpoints - Assign a column a class name to tell Responsive which breakpoint(s) to show it in.</li> + <li>Automatically - for columns without a breakpoint class name, it will be automatically removed if there is no room available on screen to show it. Columns + can be removed in priority order or right-to-left.</li> + </ul> + <p>This section explores these two options.</p> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="./auto.html">Automatic column hiding</a> + </li> + <li> + <a href="./columnPriority.html">Column priority</a> + </li> + <li> + <a href="./classes.html">Class control</a> + </li> + <li> + <a href="./init-classes.html">Assigned class control</a> + </li> + <li> + <a href="./column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="./fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="./colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="https://www.datatables.net/license/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/column-control/init-classes.html b/node_modules/Responsive-2.4.1/examples/column-control/init-classes.html new file mode 100644 index 0000000000000000000000000000000000000000..d5da65a3f3b01dfe0158aec266eae8aefdbea3bf --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/column-control/init-classes.html @@ -0,0 +1,290 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Assigned class control</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + "ajax": "../../../../examples/ajax/data/objects.txt", + "columns": [ + { "data": "name", className: "all" }, + { "data": "position", className: "min-phone-l" }, + { "data": "office", className: "min-tablet" }, + { "data": "start_date", className: "never" }, + { "data": "salary", className: "desktop" }, + { "data": "extn", className: "none" } + ] + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Assigned class control</span></h1> + <div class="info"> + <p>This example exactly matches the functionality of the <a href="classes.html">class control example</a> but in this case the classes are assigned using the + <a href="//datatables.net/reference/option/columns.className"><code class="option" title="DataTables initialisation option">columns.className</code></a> + option.</p> + </div> + <div class="demo-html"> + <div id="breakpoint"></div> + <table id="example" class="display responsive" width="100%"> + <thead> + <tr> + <th>Name</th> + <th>Position</th> + <th>Office</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + </tr> + </thead> + <tfoot> + <tr> + <th>Name</th> + <th>Position</th> + <th>Office</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + </tr> + </tfoot> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + "ajax": "../../../../examples/ajax/data/objects.txt", + "columns": [ + { "data": "name", className: "all" }, + { "data": "position", className: "min-phone-l" }, + { "data": "office", className: "min-tablet" }, + { "data": "start_date", className: "never" }, + { "data": "salary", className: "desktop" }, + { "data": "extn", className: "none" } + ] + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Column-control</a></h3> + <ul class="toc active"> + <li> + <a href="./auto.html">Automatic column hiding</a> + </li> + <li> + <a href="./columnPriority.html">Column priority</a> + </li> + <li> + <a href="./classes.html">Class control</a> + </li> + <li class="active"> + <a href="./init-classes.html">Assigned class control</a> + </li> + <li> + <a href="./column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="./fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="./colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/bootstrap-modal.html b/node_modules/Responsive-2.4.1/examples/display-types/bootstrap-modal.html new file mode 100644 index 0000000000000000000000000000000000000000..3621cb6d43b12101c021eba897d9d73010bfdaeb --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/bootstrap-modal.html @@ -0,0 +1,941 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Bootstrap modal</title> + <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.bootstrap.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.bootstrap.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.bootstrap.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.bootstrap.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'table' + } ) + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-bootstrap"> + <div class="container"> + <section> + <h1>Responsive example <span>Bootstrap modal</span></h1> + <div class="info"> + <p>This example shows the <a href="//datatables.net/reference/option/responsive.details.display"><code class="option" title= + "Responsive initialisation option">responsive.details.display</code></a> option being used with the <code>modal</code> option, which, when used with the Bootstrap + integration for Responsive, will use Bootstrap's native modal display.</p> + <p>The built-in <code>modal</code> display option should be executed as a function with optional parameters passed in to control the behaviour of the modal + display. In the case of Bootstrap it has only a <code>header</code> option which is a function that should return the title for the modal. If you do not wish to + display a title, simply don't use this option.</p> + <p>Additionally, the <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> option is used here to display the full data for the row, rather than just the hidden + columns (which is the default behaviour) as this looks a bit better in a modal!</p> + </div> + <div class="demo-html"> + <table id="example" class="table table-striped table-bordered nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'table' + } ) + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.bootstrap.js">../../../../media/js/dataTables.bootstrap.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.bootstrap.js">../../js/responsive.bootstrap.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.bootstrap.css">../../../../media/css/dataTables.bootstrap.css</a> + </li> + <li> + <a href="../../css/responsive.bootstrap.css">../../css/responsive.bootstrap.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc active"> + <li> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./modal.html">Modal details display</a> + </li> + <li class="active"> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/bootstrap4-modal.html b/node_modules/Responsive-2.4.1/examples/display-types/bootstrap4-modal.html new file mode 100644 index 0000000000000000000000000000000000000000..d40fd28bd84828cba6f531015a4b94fe9c4aa149 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/bootstrap4-modal.html @@ -0,0 +1,944 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Bootstrap 4 modal</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.bootstrap4.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.bootstrap4.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> + <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.bootstrap4.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.bootstrap4.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'table' + } ) + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-bootstrap4"> + <div class="container"> + <section> + <h1>Responsive example <span>Bootstrap 4 modal</span></h1> + <div class="info"> + <p>This example shows the <a href="//datatables.net/reference/option/responsive.details.display"><code class="option" title= + "Responsive initialisation option">responsive.details.display</code></a> option being used with the <code>modal</code> option, which, when used with the Bootstrap + 4 integration for Responsive, will use Bootstrap's native modal display.</p> + <p>The built-in <code>modal</code> display option should be executed as a function with optional parameters passed in to control the behaviour of the modal + display. In the case of Bootstrap 4 it has only a <code>header</code> option which is a function that should return the title for the modal. If you do not wish to + display a title, simply don't use this option.</p> + <p>Additionally, the <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> option is used here to display the full data for the row, rather than just the hidden + columns (which is the default behaviour) as this looks a bit better in a modal!</p> + </div> + <div class="demo-html"> + <table id="example" class="table table-striped table-bordered nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'table' + } ) + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js|https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"> + https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js|https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.bootstrap4.js">../../../../media/js/dataTables.bootstrap4.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.bootstrap4.js">../../js/responsive.bootstrap4.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.bootstrap4.css">../../../../media/css/dataTables.bootstrap4.css</a> + </li> + <li> + <a href="../../css/responsive.bootstrap4.css">../../css/responsive.bootstrap4.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc active"> + <li> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./modal.html">Modal details display</a> + </li> + <li> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li class="active"> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/bootstrap5-modal.html b/node_modules/Responsive-2.4.1/examples/display-types/bootstrap5-modal.html new file mode 100644 index 0000000000000000000000000000000000000000..5933541fdd8ba3243ff97d78b5d6c65d450bd43d --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/bootstrap5-modal.html @@ -0,0 +1,942 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Bootstrap 5 modal</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.bootstrap5.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.bootstrap5.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.min.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.bootstrap5.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.bootstrap5.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'table' + } ) + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-bootstrap5"> + <div class="container"> + <section> + <h1>Responsive example <span>Bootstrap 5 modal</span></h1> + <div class="info"> + <p>This example shows the <a href="//datatables.net/reference/option/responsive.details.display"><code class="option" title= + "Responsive initialisation option">responsive.details.display</code></a> option being used with the <code>modal</code> option, which, when used with the Bootstrap + 5 integration for Responsive, will use Bootstrap's native modal display.</p> + <p>The built-in <code>modal</code> display option should be executed as a function with optional parameters passed in to control the behaviour of the modal + display. In the case of Bootstrap 5 it has only a <code>header</code> option which is a function that should return the title for the modal. If you do not wish to + display a title, simply don't use this option.</p> + <p>Additionally, the <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> option is used here to display the full data for the row, rather than just the hidden + columns (which is the default behaviour) as this looks a bit better in a modal!</p> + </div> + <div class="demo-html"> + <table id="example" class="table table-striped nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'table' + } ) + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.min.js">https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.min.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.bootstrap5.js">../../../../media/js/dataTables.bootstrap5.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.bootstrap5.js">../../js/responsive.bootstrap5.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css">https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.bootstrap5.css">../../../../media/css/dataTables.bootstrap5.css</a> + </li> + <li> + <a href="../../css/responsive.bootstrap5.css">../../css/responsive.bootstrap5.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc active"> + <li> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./modal.html">Modal details display</a> + </li> + <li> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li class="active"> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/bulma-modal.html b/node_modules/Responsive-2.4.1/examples/display-types/bulma-modal.html new file mode 100644 index 0000000000000000000000000000000000000000..4981a0f4b07154258ce5a5ef54214fea5a2faa51 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/bulma-modal.html @@ -0,0 +1,942 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Bulma modal</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.bulma.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.bulma.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + div.container { + width: 960px; + } + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.bulma.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.bulma.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'table' + } ) + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-bulma"> + <div class="container"> + <section> + <h1>Responsive example <span>Bulma modal</span></h1> + <div class="info"> + <p>This example shows the <a href="//datatables.net/reference/option/responsive.details.display"><code class="option" title= + "Responsive initialisation option">responsive.details.display</code></a> option being used with the <code>modal</code> option, which, when used with the Bulma + integration for Responsive, will use Bulma's native modal display.</p> + <p>The built-in <code>modal</code> display option should be executed as a function with optional parameters passed in to control the behaviour of the modal + display. In the case of Bulma it has only a <code>header</code> option which is a function that should return the title for the modal. If you do not wish to + display a title, simply don't use this option.</p> + <p>Additionally, the <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> option is used here to display the full data for the row, rather than just the hidden + columns (which is the default behaviour) as this looks a bit better in a modal!</p> + </div> + <div class="demo-html"> + <table id="example" class="table is-striped nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'table' + } ) + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.bulma.js">../../../../media/js/dataTables.bulma.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.bulma.js">../../js/responsive.bulma.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css">div.container { + width: 960px; + }</code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css">https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.bulma.css">../../../../media/css/dataTables.bulma.css</a> + </li> + <li> + <a href="../../css/responsive.bulma.css">../../css/responsive.bulma.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc active"> + <li> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./modal.html">Modal details display</a> + </li> + <li> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li class="active"> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/foundation-modal.html b/node_modules/Responsive-2.4.1/examples/display-types/foundation-modal.html new file mode 100644 index 0000000000000000000000000000000000000000..5f839674e2d8078e7bc7cb300881f2929b128f05 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/foundation-modal.html @@ -0,0 +1,938 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Foundation modal</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.foundation.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.foundation.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.foundation.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.foundation.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll() + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-foundation"> + <div class="container"> + <section> + <h1>Responsive example <span>Foundation modal</span></h1> + <div class="info"> + <p>This example shows the <a href="//datatables.net/reference/option/responsive.details.display"><code class="option" title= + "Responsive initialisation option">responsive.details.display</code></a> option being used with the <code>modal</code> option, which, when used with the Foundation + integration for Responsive, will use Foundation's native modal display.</p> + <p>The built-in <code>modal</code> display option should be executed as a function with optional parameters passed in to control the behaviour of the modal + display. In the case of Foundation it has only a <code>header</code> option which is a function that should return the title for the modal. If you do not wish to + display a title, simply don't use this option.</p> + <p>Additionally, the <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> option is used here to display the full data for the row, rather than just the hidden + columns (which is the default behaviour) as this looks a bit better in a modal!</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll() + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js">https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.foundation.js">../../../../media/js/dataTables.foundation.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.foundation.js">../../js/responsive.foundation.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css">https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.foundation.css">../../../../media/css/dataTables.foundation.css</a> + </li> + <li> + <a href="../../css/responsive.foundation.css">../../css/responsive.foundation.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc active"> + <li> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./modal.html">Modal details display</a> + </li> + <li> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li class="active"> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/immediateShow.html b/node_modules/Responsive-2.4.1/examples/display-types/immediateShow.html new file mode 100644 index 0000000000000000000000000000000000000000..172fad7cdc805cee01a2c5eb4d4e24fbe6e237e9 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/immediateShow.html @@ -0,0 +1,917 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Immediately show hidden details</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.childRowImmediate, + type: 'none', + target: '' + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Immediately show hidden details</span></h1> + <div class="info"> + <p>Responsive has the ability to display the details that it has hidden in a variety of different ways. Its default is to allow the end user to toggle the the + display by clicking on a row and showing the information in a DataTables child row. At times it can be useful not to require end user interaction to display the + hidden data in a responsive manner, which can be done with the <code>childRowImmediate</code> display type.</p> + <p>Display types are set using the <a href="//datatables.net/reference/option/responsive.details.display"><code class="option" title= + "Responsive initialisation option">responsive.details.display</code></a> option which should point to a function that will handle the child row display. The built + in options are available in the <code>$.fn.dataTable.Responsive.display</code> object. See <a href= + "//datatables.net/reference/option/responsive.details.display"><code class="option" title="Responsive initialisation option">responsive.details.display</code></a> + for a full list of the options available.</p> + <p>Additionally, the <a href="//datatables.net/reference/option/responsive.details.type"><code class="option" title= + "Responsive initialisation option">responsive.details.type</code></a> option is set to be <code class="string" title="String">none</code> in this example to the + show / hide icons that Responsive will display by default. Along side this is the use of <a href= + "//datatables.net/reference/option/responsive.details.target"><code class="option" title="DataTables initialisation option">responsive.details.target</code></a> + which is set to be an empty string, disabling the user's ability to toggle the child rows - i.e. in this example the full contents of the table are always visible. + This could be removed if you want to retain that ability.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.childRowImmediate, + type: 'none', + target: '' + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc active"> + <li class="active"> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./modal.html">Modal details display</a> + </li> + <li> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/index.html b/node_modules/Responsive-2.4.1/examples/display-types/index.html new file mode 100644 index 0000000000000000000000000000000000000000..632914bfffa16d92c2e8eb7c1f0340e26e008518 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/index.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <title>Responsive examples - Display options</title> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Display options</span></h1> + <div class="info"> + <p>Responsive will, by default, give end users the ability to show the information that it has hidden in a DataTables child row. However, it is not limited to this + behaviour, and in fact has built in options to immediately show the child rows (no interaction required by the end user) and to display the information in a pop-up + modal.</p> + <p>These options are explored in this section.</p> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./modal.html">Modal details display</a> + </li> + <li> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="https://www.datatables.net/license/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/jqueryui-modal.html b/node_modules/Responsive-2.4.1/examples/display-types/jqueryui-modal.html new file mode 100644 index 0000000000000000000000000000000000000000..73ae6539338cdfb62c84d7a66c59172ca9c03bb5 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/jqueryui-modal.html @@ -0,0 +1,936 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - jQuery UI modal</title> + <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.jqueryui.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.jqueryui.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.jqueryui.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.jqueryui.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll() + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-jqueryui"> + <div class="container"> + <section> + <h1>Responsive example <span>jQuery UI modal</span></h1> + <div class="info"> + <p>This example shows the <a href="//datatables.net/reference/option/responsive.details.display"><code class="option" title= + "Responsive initialisation option">responsive.details.display</code></a> option being used with the <code>modal</code> option, which, when used with the jQuery UI + integration for Responsive, will use jQuery UI's native modal display.</p> + <p>The built-in <code>modal</code> display option should be executed as a function with optional parameters passed in to control the behaviour of the modal + display. In the case of jQuery UI it has a <code>header</code> option (which is a function that should return the title for the modal) and a <code>modal</code> + option which is an object of <a href="http://api.jqueryui.com/dialog">configuration parameters</a> that will be passed to the jQuery UI modal.</p> + <p>Additionally, the <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> option is used here to display the full data for the row, rather than just the hidden + columns (which is the default behaviour) as this looks a bit better in a modal!</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll() + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="https://code.jquery.com/ui/1.13.2/jquery-ui.js">https://code.jquery.com/ui/1.13.2/jquery-ui.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.jqueryui.js">../../../../media/js/dataTables.jqueryui.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.jqueryui.js">../../js/responsive.jqueryui.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.jqueryui.css">../../../../media/css/dataTables.jqueryui.css</a> + </li> + <li> + <a href="../../css/responsive.jqueryui.css">../../css/responsive.jqueryui.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc active"> + <li> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./modal.html">Modal details display</a> + </li> + <li> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li class="active"> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/modal.html b/node_modules/Responsive-2.4.1/examples/display-types/modal.html new file mode 100644 index 0000000000000000000000000000000000000000..767c07504f879b974ea4792700b1a11699198976 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/modal.html @@ -0,0 +1,925 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Modal details display</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll() + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Modal details display</span></h1> + <div class="info"> + <p>Responsive's default mode to show information that is hidden due to columns being removed from the table, is to show the hidden details in a child row (<a href= + "//datatables.net/reference/api/row().child()"><code class="api" title="DataTables API method">row().child()</code></a>). However, you may wish to use the child + row for other purposes or you may simply wish to use a different method of showing the row's information. This can be achieved with the <code>modal</code> display + type.</p> + <p>Display types are set using the <a href="//datatables.net/reference/option/responsive.details.display"><code class="option" title= + "Responsive initialisation option">responsive.details.display</code></a> option which should point to a function that will handle the child row display - in the + example shown here we use <code>$.fn.dataTable.Responsive.display.modal()</code> which will return a suitable function. We use the options for this function to + specify a header for the modal - if you do not wish to show a header, simply don't specify this option.</p> + <p>The display options which are built into Responsive are available in the <code>$.fn.dataTable.Responsive.display</code> object. See <a href= + "//datatables.net/reference/option/responsive.details.display"><code class="option" title="Responsive initialisation option">responsive.details.display</code></a> + for a full list of the options available.</p> + <p>Additionally, the <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> option is used here to display the full data for the row, rather than just the hidden + columns, which is the default behaviour.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll() + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc active"> + <li> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li class="active"> + <a href="./modal.html">Modal details display</a> + </li> + <li> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/display-types/semanticui-modal.html b/node_modules/Responsive-2.4.1/examples/display-types/semanticui-modal.html new file mode 100644 index 0000000000000000000000000000000000000000..8a7b877cb9e282e52157b774e0b1704527fa94bf --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/display-types/semanticui-modal.html @@ -0,0 +1,942 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Semantic UI modal</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.semanticui.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.semanticui.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.semanticui.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.semanticui.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'ui table' + } ) + } + } + } ); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-semanticui"> + <div class="container"> + <section> + <h1>Responsive example <span>Semantic UI modal</span></h1> + <div class="info"> + <p>This example shows the <a href="//datatables.net/reference/option/responsive.details.display"><code class="option" title= + "Responsive initialisation option">responsive.details.display</code></a> option being used with the <code>modal</code> option, which, when used with the Semantic + UI integration for Responsive, will use Semantic UI's native modal display.</p> + <p>The built-in <code>modal</code> display option should be executed as a function with optional parameters passed in to control the behaviour of the modal + display. In the case of Semantic UI integration it has only a <code>header</code> option which is a function that should return the title for the modal. If you do + not wish to display a title, simply don't use this option.</p> + <p>Additionally, the <a href="//datatables.net/reference/option/responsive.details.renderer"><code class="option" title= + "Responsive initialisation option">responsive.details.renderer</code></a> option is used here to display the full data for the row, rather than just the hidden + columns (which is the default behaviour) as this looks a bit better in a modal!</p> + </div> + <div class="demo-html"> + <table id="example" class="ui celled table nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: { + details: { + display: $.fn.dataTable.Responsive.display.modal( { + header: function ( row ) { + var data = row.data(); + return 'Details for '+data[0]+' '+data[1]; + } + } ), + renderer: $.fn.dataTable.Responsive.renderer.tableAll( { + tableClass: 'ui table' + } ) + } + } + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.js">https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.semanticui.js">../../../../media/js/dataTables.semanticui.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.semanticui.js">../../js/responsive.semanticui.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.css">https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.semanticui.css">../../../../media/css/dataTables.semanticui.css</a> + </li> + <li> + <a href="../../css/responsive.semanticui.css">../../css/responsive.semanticui.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Display-types</a></h3> + <ul class="toc active"> + <li> + <a href="./immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./modal.html">Modal details display</a> + </li> + <li> + <a href="./bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./foundation-modal.html">Foundation modal</a> + </li> + <li class="active"> + <a href="./semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/index.html b/node_modules/Responsive-2.4.1/examples/index.html new file mode 100644 index 0000000000000000000000000000000000000000..ebada82650a453a12ddc6fd71ed6c1f0da52701c --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/index.html @@ -0,0 +1,171 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <link rel="stylesheet" type="text/css" href="../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../examples/resources/demo.css"> + <script type="text/javascript" language="javascript" src="../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../examples/resources/demo.js"></script> + <title>Responsive examples - Responsive</title> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Responsive</span></h1> + <div class="info"> + <p>In the modern world of responsive web design tables can often cause a particular problem for designers due to their row based layout. Responsive is an extension + for DataTables that resolves that problem by optimising the table's layout for different screen sizes through the dynamic insertion and removal of columns from the + table.</p> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="./initialisation/className.html">Class name</a> + </li> + <li> + <a href="./initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="./initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="./initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="./initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="./display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="./display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="./display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="./display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="./display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="./display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="./display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="./display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="./display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="./column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="./column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="./column-control/classes.html">Class control</a> + </li> + <li> + <a href="./column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="./column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="./column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="./column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="./child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="./child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="./child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="./child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="./child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="./styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="./styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="./styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./styling/compact.html">Compact styling</a> + </li> + <li> + <a href="./styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="https://www.datatables.net/license/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/initialisation/ajax.html b/node_modules/Responsive-2.4.1/examples/initialisation/ajax.html new file mode 100644 index 0000000000000000000000000000000000000000..da8ae72f6945d64ccbdeb6450eb2c9d62cc193a2 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/initialisation/ajax.html @@ -0,0 +1,290 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Ajax data</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + div.container { max-width: 1200px } + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + "ajax": "../../../../examples/ajax/data/objects.txt", + "columns": [ + { "data": "name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "extn" }, + { "data": "start_date" }, + { "data": "salary" } + ] + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Ajax data</span></h1> + <div class="info"> + <p>This example shows the Responsive extension working with <a href="//datatables.net/manual/data">Ajax sourced data</a> in the DataTable. Note that no special + initialisation is required. Responsive is enabled by adding the <code class="string" title="String">responsive</code> class to the <code class="tag" title= + "HTML tag">table</code> element.</p> + </div> + <div class="demo-html"> + <table id="example" class="display responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>Name</th> + <th>Position</th> + <th>Office</th> + <th>Extn.</th> + <th>Start date</th> + <th>Salary</th> + </tr> + </thead> + <tfoot> + <tr> + <th>Name</th> + <th>Position</th> + <th>Office</th> + <th>Extn.</th> + <th>Start date</th> + <th>Salary</th> + </tr> + </tfoot> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + "ajax": "../../../../examples/ajax/data/objects.txt", + "columns": [ + { "data": "name" }, + { "data": "position" }, + { "data": "office" }, + { "data": "extn" }, + { "data": "start_date" }, + { "data": "salary" } + ] + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css">div.container { max-width: 1200px }</code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Basic initialisation</a></h3> + <ul class="toc active"> + <li> + <a href="./className.html">Class name</a> + </li> + <li> + <a href="./option.html">Configuration option</a> + </li> + <li> + <a href="./new.html">`new` constructor</a> + </li> + <li class="active"> + <a href="./ajax.html">Ajax data</a> + </li> + <li> + <a href="./default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/initialisation/className.html b/node_modules/Responsive-2.4.1/examples/initialisation/className.html new file mode 100644 index 0000000000000000000000000000000000000000..1b3d95e8a87c143ea71acb24b610d7c295b339bd --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/initialisation/className.html @@ -0,0 +1,891 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Class name</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Class name</span></h1> + <div class="info"> + <p>The easiest way to initialise the Responsive extension for DataTables is simply to add the class <code class="string" title="String">responsive</code> to the + table's class name. When the DataTable is initialised the Responsive extension will automatically enable itself on these tables.</p> + <p>The class <code>dt-responsive</code> can also be used to perform the same action, since <code>responsive</code> may be used in your stylesheet, or may have some + other meaning in a CSS framework being used (for example Bootstrap).</p> + </div> + <div class="demo-html"> + <table id="example" class="display responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Basic initialisation</a></h3> + <ul class="toc active"> + <li class="active"> + <a href="./className.html">Class name</a> + </li> + <li> + <a href="./option.html">Configuration option</a> + </li> + <li> + <a href="./new.html">`new` constructor</a> + </li> + <li> + <a href="./ajax.html">Ajax data</a> + </li> + <li> + <a href="./default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/initialisation/default.html b/node_modules/Responsive-2.4.1/examples/initialisation/default.html new file mode 100644 index 0000000000000000000000000000000000000000..1fa6f1f6ce511ddb56a2c5ae9e5cbeb66b2e2db6 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/initialisation/default.html @@ -0,0 +1,901 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Default initialisation</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$.extend( $.fn.dataTable.defaults, { + responsive: true +} ); + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Default initialisation</span></h1> + <div class="info"> + <p>It can often be useful to be able to set a default value for DataTables' initialisation options, providing a common starting point for initialisation when + working with multiple tables over many pages or even just on a single page. DataTables provides that ability through the <code>$.fn.dataTable.defaults</code> + object which can have any of the <a href="//datatables.net/reference/option">initialisation options</a> set.</p> + <p>Extending that ability, Responsive can also be set to initialise by default, as shown in this example through the + <code>$.fn.dataTable.defaults.responsive</code> property. Extending that, <a href="//datatables.net/extensions/responsive/reference/option/">all of the Responsive + options</a> can also be set using this configuration option (i.e. use <code>responsive</code> as an object).</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$.extend( $.fn.dataTable.defaults, { + responsive: true +} ); + +$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Basic initialisation</a></h3> + <ul class="toc active"> + <li> + <a href="./className.html">Class name</a> + </li> + <li> + <a href="./option.html">Configuration option</a> + </li> + <li> + <a href="./new.html">`new` constructor</a> + </li> + <li> + <a href="./ajax.html">Ajax data</a> + </li> + <li class="active"> + <a href="./default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/initialisation/index.html b/node_modules/Responsive-2.4.1/examples/initialisation/index.html new file mode 100644 index 0000000000000000000000000000000000000000..5e0bb3f32dc4ba2ed73b3dde12bc35b1b655d7d7 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/initialisation/index.html @@ -0,0 +1,67 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <title>Responsive examples - Initialisation</title> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Initialisation</span></h1> + <div class="info"> + <p>Responsive can be run on a DataTable in a number of different ways:</p> + <ul class="markdown"> + <li>By adding the class <code>responsive</code> or <code>dt-responsive</code> to the <code class="tag" title="HTML tag">table</code></li> + <li>Using the <a href="//datatables.net/reference/option/responsive"><code class="option" title="Responsive initialisation option">responsive</code></a> option + in the DataTables initialisation + </li> + <li>Use the <code>$.fn.dataTable.Responsive</code> constructor.</li> + </ul> + <p>This set of examples demonstrates these initialisation options.</p> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="./className.html">Class name</a> + </li> + <li> + <a href="./option.html">Configuration option</a> + </li> + <li> + <a href="./new.html">`new` constructor</a> + </li> + <li> + <a href="./ajax.html">Ajax data</a> + </li> + <li> + <a href="./default.html">Default initialisation</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="https://www.datatables.net/license/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/initialisation/new.html b/node_modules/Responsive-2.4.1/examples/initialisation/new.html new file mode 100644 index 0000000000000000000000000000000000000000..90633e67eeb51cb04415a52b2a2bbb68d844dd60 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/initialisation/new.html @@ -0,0 +1,899 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - `new` constructor</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + div.container { max-width: 1200px } + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + var table = $('#example').DataTable(); + + new $.fn.dataTable.Responsive( table ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>`new` constructor</span></h1> + <div class="info"> + <p>Responsive will automatically detect new DataTable instances being created on a page and initialise itself if it finds the <a href= + "//datatables.net/reference/option/responsive"><code class="option" title="Responsive initialisation option">responsive</code></a> option or + <code>responsive</code> class name on the table, as shown in the other examples.</p> + <p>The third way of initialising Responsive is by manually creating a new instance using the <code>$.fn.dataTable.Responsive</code> class, as shown in this example + (the other two methods are provided using this constructor in an <a href="//datatables.net/reference/event/init"><code class="event" title= + "DataTables event">init</code></a> event handler!).</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + var table = $('#example').DataTable(); + + new $.fn.dataTable.Responsive( table ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css">div.container { max-width: 1200px }</code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Basic initialisation</a></h3> + <ul class="toc active"> + <li> + <a href="./className.html">Class name</a> + </li> + <li> + <a href="./option.html">Configuration option</a> + </li> + <li class="active"> + <a href="./new.html">`new` constructor</a> + </li> + <li> + <a href="./ajax.html">Ajax data</a> + </li> + <li> + <a href="./default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/initialisation/option.html b/node_modules/Responsive-2.4.1/examples/initialisation/option.html new file mode 100644 index 0000000000000000000000000000000000000000..84274ed0b7ae755942afbf4679f4ae3f15e44e1d --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/initialisation/option.html @@ -0,0 +1,898 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Configuration option</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + div.container { max-width: 1200px } + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable( { + responsive: true + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Configuration option</span></h1> + <div class="info"> + <p>The Responsive extension for DataTables can be applied to a DataTable in one of two ways; with a specific class name on the table, or using the DataTables + initialisation options. This method shows the latter, with the <a href="//datatables.net/reference/option/responsive"><code class="option" title= + "Responsive initialisation option">responsive</code></a> option being set to the boolean value <code>true</code>.</p> + <p>The <a href="//datatables.net/reference/option/responsive"><code class="option" title="Responsive initialisation option">responsive</code></a> option can be + given as a boolean value, or as an object with configuration options. If as a boolean, as in this case, the default options are used.</p> + </div> + <div class="demo-html"> + <table id="example" class="display nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable( { + responsive: true + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css">div.container { max-width: 1200px }</code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Basic initialisation</a></h3> + <ul class="toc active"> + <li> + <a href="./className.html">Class name</a> + </li> + <li class="active"> + <a href="./option.html">Configuration option</a> + </li> + <li> + <a href="./new.html">`new` constructor</a> + </li> + <li> + <a href="./ajax.html">Ajax data</a> + </li> + <li> + <a href="./default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../styling/index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="../styling/bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="../styling/bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="../styling/bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="../styling/foundation.html">Foundation styling</a> + </li> + <li> + <a href="../styling/bulma.html">Bulma styling</a> + </li> + <li> + <a href="../styling/semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="../styling/jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="../styling/compact.html">Compact styling</a> + </li> + <li> + <a href="../styling/scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/bootstrap.html b/node_modules/Responsive-2.4.1/examples/styling/bootstrap.html new file mode 100644 index 0000000000000000000000000000000000000000..580dbefc6ff1990e58f3cfd03e05d3ffec94adf8 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/bootstrap.html @@ -0,0 +1,906 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Bootstrap styling</title> + <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.bootstrap.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.bootstrap.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.bootstrap.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.bootstrap.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-bootstrap"> + <div class="container"> + <section> + <h1>Responsive example <span>Bootstrap styling</span></h1> + <div class="info"> + <p>This example shows DataTables and the Responsive extension being used with the <a href="http://getbootstrap.com">Bootstrap</a> framework providing the styling. + The <a href="//datatables.net/manual/styling/bootstrap">DataTables / Bootstrap integration</a> provides seamless integration for DataTables to be used in a + Bootstrap page.</p> + <p>Note that the <code>dt-responsive</code> class is used to indicate to the extension that it should be enabled on this page, as <code>responsive</code> <a href= + "http://getbootstrap.com/css/#tables-responsive">has special meaning in Bootstrap</a>. The <a href="//datatables.net/reference/option/responsive"><code class= + "option" title="Responsive initialisation option">responsive</code></a> option could also be used if required.</p> + </div> + <div class="demo-html"> + <table id="example" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.bootstrap.js">../../../../media/js/dataTables.bootstrap.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.bootstrap.js">../../js/responsive.bootstrap.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.bootstrap.css">../../../../media/css/dataTables.bootstrap.css</a> + </li> + <li> + <a href="../../css/responsive.bootstrap.css">../../css/responsive.bootstrap.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc active"> + <li class="active"> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./foundation.html">Foundation styling</a> + </li> + <li> + <a href="./bulma.html">Bulma styling</a> + </li> + <li> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./compact.html">Compact styling</a> + </li> + <li> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/bootstrap4.html b/node_modules/Responsive-2.4.1/examples/styling/bootstrap4.html new file mode 100644 index 0000000000000000000000000000000000000000..ef33c8d6d0b13b9b84593c6d7268a9a5cc77fada --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/bootstrap4.html @@ -0,0 +1,906 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Bootstrap 4 styling</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.bootstrap4.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.bootstrap4.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.bootstrap4.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.bootstrap4.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-bootstrap4"> + <div class="container"> + <section> + <h1>Responsive example <span>Bootstrap 4 styling</span></h1> + <div class="info"> + <p>This example shows DataTables and the Responsive extension being used with <a href="http://getbootstrap.com">Bootstrap 4</a> providing the styling. The + DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap 4 page.</p> + <p>Note that the <code>dt-responsive</code> class is used to indicate to the extension that it should be enabled on this page, as <code>responsive</code> <a href= + "http://getbootstrap.com/css/#tables-responsive">has special meaning in Bootstrap</a>. The <a href="//datatables.net/reference/option/responsive"><code class= + "option" title="Responsive initialisation option">responsive</code></a> option could be used as an alternative if you prefer to use Javascript initialisation + options.</p> + </div> + <div class="demo-html"> + <table id="example" class="table table-striped table-bordered dt-responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.bootstrap4.js">../../../../media/js/dataTables.bootstrap4.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.bootstrap4.js">../../js/responsive.bootstrap4.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css">https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.bootstrap4.css">../../../../media/css/dataTables.bootstrap4.css</a> + </li> + <li> + <a href="../../css/responsive.bootstrap4.css">../../css/responsive.bootstrap4.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc active"> + <li> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li class="active"> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./foundation.html">Foundation styling</a> + </li> + <li> + <a href="./bulma.html">Bulma styling</a> + </li> + <li> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./compact.html">Compact styling</a> + </li> + <li> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/bootstrap5.html b/node_modules/Responsive-2.4.1/examples/styling/bootstrap5.html new file mode 100644 index 0000000000000000000000000000000000000000..a375a922ee6b88d2f2f2a1273da894534e23449a --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/bootstrap5.html @@ -0,0 +1,906 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Bootstrap 5 styling</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.bootstrap5.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.bootstrap5.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.bootstrap5.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.bootstrap5.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-bootstrap5"> + <div class="container"> + <section> + <h1>Responsive example <span>Bootstrap 5 styling</span></h1> + <div class="info"> + <p>This example shows DataTables and the Responsive extension being used with <a href="http://getbootstrap.com">Bootstrap 5</a> providing the styling. The + DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap 5 page.</p> + <p>Note that the <code>dt-responsive</code> class is used to indicate to the extension that it should be enabled on this page, as <code>responsive</code> <a href= + "http://getbootstrap.com/css/#tables-responsive">has special meaning in Bootstrap</a>. The <a href="//datatables.net/reference/option/responsive"><code class= + "option" title="Responsive initialisation option">responsive</code></a> option could be used as an alternative if you prefer to use Javascript initialisation + options.</p> + </div> + <div class="demo-html"> + <table id="example" class="table table-striped dt-responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.bootstrap5.js">../../../../media/js/dataTables.bootstrap5.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.bootstrap5.js">../../js/responsive.bootstrap5.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css">https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.bootstrap5.css">../../../../media/css/dataTables.bootstrap5.css</a> + </li> + <li> + <a href="../../css/responsive.bootstrap5.css">../../css/responsive.bootstrap5.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc active"> + <li> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li class="active"> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./foundation.html">Foundation styling</a> + </li> + <li> + <a href="./bulma.html">Bulma styling</a> + </li> + <li> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./compact.html">Compact styling</a> + </li> + <li> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/bulma.html b/node_modules/Responsive-2.4.1/examples/styling/bulma.html new file mode 100644 index 0000000000000000000000000000000000000000..841941a6d1f7cb79cd4063a197137db7af7d0269 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/bulma.html @@ -0,0 +1,907 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Bulma styling</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.bulma.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.bulma.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + div.container { + width: 960px; + } + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.bulma.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.bulma.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-bulma"> + <div class="container"> + <section> + <h1>Responsive example <span>Bulma styling</span></h1> + <div class="info"> + <p>This example shows DataTables and the Responsive extension being used with the <a href="https://bulma.io/">Bulma</a> framework providing the styling. The + <a href="//datatables.net/manual/styling/bulma">DataTables / Bulma integration</a> provides seamless integration for DataTables to be used in a Bulma page.</p> + </div> + <div class="demo-html"> + <table id="example" class="table is-striped responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.bulma.js">../../../../media/js/dataTables.bulma.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.bulma.js">../../js/responsive.bulma.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css">div.container { + width: 960px; + }</code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css">https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.bulma.css">../../../../media/css/dataTables.bulma.css</a> + </li> + <li> + <a href="../../css/responsive.bulma.css">../../css/responsive.bulma.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc active"> + <li> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./foundation.html">Foundation styling</a> + </li> + <li class="active"> + <a href="./bulma.html">Bulma styling</a> + </li> + <li> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./compact.html">Compact styling</a> + </li> + <li> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/compact.html b/node_modules/Responsive-2.4.1/examples/styling/compact.html new file mode 100644 index 0000000000000000000000000000000000000000..270cb6c243abe8b175b253f14705560f128aa323 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/compact.html @@ -0,0 +1,896 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Compact styling</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + div.container { max-width: 1200px } + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + var table = $('#example').DataTable( { + responsive: true + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Compact styling</span></h1> + <div class="info"> + <p>DataTables' <a href="http://datatables.net/manual/styling/classes">default stylesheet</a> has a number number of features available that can be enabled by + including a class name on the DataTable. One of those options is <code>compact</code> which displays the DataTable with less whitespace padding that might other be + used to increase the information density of the table. Responsive's own style has support for this <code>compact</code> styling as showing in this example.</p> + </div> + <div class="demo-html"> + <table id="example" class="display compact nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + var table = $('#example').DataTable( { + responsive: true + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css">div.container { max-width: 1200px }</code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc active"> + <li> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./foundation.html">Foundation styling</a> + </li> + <li> + <a href="./bulma.html">Bulma styling</a> + </li> + <li> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li class="active"> + <a href="./compact.html">Compact styling</a> + </li> + <li> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/foundation.html b/node_modules/Responsive-2.4.1/examples/styling/foundation.html new file mode 100644 index 0000000000000000000000000000000000000000..32e2ebca204483f633727573b606d8bd9d44c691 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/foundation.html @@ -0,0 +1,903 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Foundation styling</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.foundation.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.foundation.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.foundation.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.foundation.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-foundation"> + <div class="container"> + <section> + <h1>Responsive example <span>Foundation styling</span></h1> + <div class="info"> + <p>This example shows DataTables and the Responsive extension being used with the <a href="http://foundation.zurb.com">Foundation</a> framework providing the + styling. The <a href="//datatables.net/manual/styling/foundation">DataTables / Foundation integration</a> provides seamless integration for DataTables to be used + in a Foundation page.</p> + </div> + <div class="demo-html"> + <table id="example" class="display responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.foundation.js">../../../../media/js/dataTables.foundation.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.foundation.js">../../js/responsive.foundation.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css">https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.foundation.css">../../../../media/css/dataTables.foundation.css</a> + </li> + <li> + <a href="../../css/responsive.foundation.css">../../css/responsive.foundation.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc active"> + <li> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li class="active"> + <a href="./foundation.html">Foundation styling</a> + </li> + <li> + <a href="./bulma.html">Bulma styling</a> + </li> + <li> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./compact.html">Compact styling</a> + </li> + <li> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/index.html b/node_modules/Responsive-2.4.1/examples/styling/index.html new file mode 100644 index 0000000000000000000000000000000000000000..9cdba204a2d1efbe549bfdd14457c2a6563fcc9a --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/index.html @@ -0,0 +1,73 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <title>Responsive examples - Styling</title> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Styling</span></h1> + <div class="info"> + <p>Responsive requires very little styling information of its own, with styling needed only for the child row display when the table has been collapsed. As such, + integrating Responsive with your application should be as simple as including the Javascript and base stylesheet! This section shows Responsive being styling using + external CSS frameworks.</p> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <div class="toc"> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc"> + <li> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./foundation.html">Foundation styling</a> + </li> + <li> + <a href="./bulma.html">Bulma styling</a> + </li> + <li> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./compact.html">Compact styling</a> + </li> + <li> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="https://www.datatables.net/license/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/jqueryui.html b/node_modules/Responsive-2.4.1/examples/styling/jqueryui.html new file mode 100644 index 0000000000000000000000000000000000000000..032d463c4f10a67d815e1f29ce20054dedaf9943 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/jqueryui.html @@ -0,0 +1,900 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - jQuery UI styling</title> + <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.jqueryui.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.jqueryui.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.jqueryui.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.jqueryui.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-jqueryui"> + <div class="container"> + <section> + <h1>Responsive example <span>jQuery UI styling</span></h1> + <div class="info"> + <p>This example shows DataTables and Responsive being used with <a href="http://jqueryui.com/">jQuery UI</a> providing the base styling information.</p> + </div> + <div class="demo-html"> + <table id="example" class="display responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.jqueryui.js">../../../../media/js/dataTables.jqueryui.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.jqueryui.js">../../js/responsive.jqueryui.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.jqueryui.css">../../../../media/css/dataTables.jqueryui.css</a> + </li> + <li> + <a href="../../css/responsive.jqueryui.css">../../css/responsive.jqueryui.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc active"> + <li> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./foundation.html">Foundation styling</a> + </li> + <li> + <a href="./bulma.html">Bulma styling</a> + </li> + <li> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li class="active"> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./compact.html">Compact styling</a> + </li> + <li> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/scrolling.html b/node_modules/Responsive-2.4.1/examples/styling/scrolling.html new file mode 100644 index 0000000000000000000000000000000000000000..f2c7abc4db5923065bd1dea07c741306fd7a061d --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/scrolling.html @@ -0,0 +1,901 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Vertical scrolling</title> + <link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.dataTables.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + div.container { max-width: 1200px } + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + var table = $('#example').DataTable( { + scrollY: 300, + paging: false + } ); +} ); + + + + </script> +</head> +<body class="dt-example"> + <div class="container"> + <section> + <h1>Responsive example <span>Vertical scrolling</span></h1> + <div class="info"> + <p>This example shows Responsive in use with the <a href="//datatables.net/reference/option/scrollY"><code class="option" title= + "DataTables initialisation option">scrollY</code></a> option to present a scrolling table (instead of using paging as the other Responsive examples do). Responsive + will automatically work with the table in such a configuration.</p> + <p>Responsive can be used with <a href="//datatables.net/reference/option/scrollX"><code class="option" title= + "DataTables initialisation option">scrollX</code></a>, however it is relatively pointless as Responsive will remove columns to ensure that there is no horizontal + scrolling!</p> + </div> + <div class="demo-html"> + <table id="example" class="display responsive nowrap" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + var table = $('#example').DataTable( { + scrollY: 300, + paging: false + } ); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css">div.container { max-width: 1200px }</code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a> + </li> + <li> + <a href="../../css/responsive.dataTables.css">../../css/responsive.dataTables.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc active"> + <li> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./foundation.html">Foundation styling</a> + </li> + <li> + <a href="./bulma.html">Bulma styling</a> + </li> + <li> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./compact.html">Compact styling</a> + </li> + <li class="active"> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/examples/styling/semanticui.html b/node_modules/Responsive-2.4.1/examples/styling/semanticui.html new file mode 100644 index 0000000000000000000000000000000000000000..ca3f88c90980fb3176820714f8e17e9cadf41d81 --- /dev/null +++ b/node_modules/Responsive-2.4.1/examples/styling/semanticui.html @@ -0,0 +1,908 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <link rel="shortcut icon" type="image/ico" href="https://www.datatables.net/favicon.ico"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> + <title>Responsive example - Fomantic-UI (formally Semantic-UI) styling</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.css"> + <link rel="stylesheet" type="text/css" href="../../../../media/css/dataTables.semanticui.css"> + <link rel="stylesheet" type="text/css" href="../../css/responsive.semanticui.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css"> + <link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css"> + <style type="text/css" class="init"> + + </style> + <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script> + <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script> + <script type="text/javascript" language="javascript" src="../../../../media/js/dataTables.semanticui.js"></script> + <script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script> + <script type="text/javascript" language="javascript" src="../../js/responsive.semanticui.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script> + <script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script> + <script type="text/javascript" language="javascript" class="init"> + + + +$(document).ready(function() { + $('#example').DataTable(); +} ); + + + + </script> +</head> +<body class="dt-example dt-example-semanticui"> + <div class="container"> + <section> + <h1>Responsive example <span>Fomantic-UI (formally Semantic-UI) styling</span></h1> + <div class="info"> + <p>This example shows DataTables and the Responsive extension being used with <a href="https://fomantic-ui.com">Fomantic-UI</a> (a maintained fork of <a href= + "https://semantic-ui.com/">Semantic-UI</a>). The DataTables / Fomantic-UI integration provides seamless integration for DataTables to be used in a Fomantic-UI + page.</p> + </div> + <div class="demo-html"> + <table id="example" class="ui celled table responsive nowrap unstackable" style="width:100%"> + <thead> + <tr> + <th>First name</th> + <th>Last name</th> + <th>Position</th> + <th>Office</th> + <th>Age</th> + <th>Start date</th> + <th>Salary</th> + <th>Extn.</th> + <th>E-mail</th> + </tr> + </thead> + <tbody> + <tr> + <td>Tiger</td> + <td>Nixon</td> + <td>System Architect</td> + <td>Edinburgh</td> + <td>61</td> + <td>2011-04-25</td> + <td>$320,800</td> + <td>5421</td> + <td>t.nixon@datatables.net</td> + </tr> + <tr> + <td>Garrett</td> + <td>Winters</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>63</td> + <td>2011-07-25</td> + <td>$170,750</td> + <td>8422</td> + <td>g.winters@datatables.net</td> + </tr> + <tr> + <td>Ashton</td> + <td>Cox</td> + <td>Junior Technical Author</td> + <td>San Francisco</td> + <td>66</td> + <td>2009-01-12</td> + <td>$86,000</td> + <td>1562</td> + <td>a.cox@datatables.net</td> + </tr> + <tr> + <td>Cedric</td> + <td>Kelly</td> + <td>Senior Javascript Developer</td> + <td>Edinburgh</td> + <td>22</td> + <td>2012-03-29</td> + <td>$433,060</td> + <td>6224</td> + <td>c.kelly@datatables.net</td> + </tr> + <tr> + <td>Airi</td> + <td>Satou</td> + <td>Accountant</td> + <td>Tokyo</td> + <td>33</td> + <td>2008-11-28</td> + <td>$162,700</td> + <td>5407</td> + <td>a.satou@datatables.net</td> + </tr> + <tr> + <td>Brielle</td> + <td>Williamson</td> + <td>Integration Specialist</td> + <td>New York</td> + <td>61</td> + <td>2012-12-02</td> + <td>$372,000</td> + <td>4804</td> + <td>b.williamson@datatables.net</td> + </tr> + <tr> + <td>Herrod</td> + <td>Chandler</td> + <td>Sales Assistant</td> + <td>San Francisco</td> + <td>59</td> + <td>2012-08-06</td> + <td>$137,500</td> + <td>9608</td> + <td>h.chandler@datatables.net</td> + </tr> + <tr> + <td>Rhona</td> + <td>Davidson</td> + <td>Integration Specialist</td> + <td>Tokyo</td> + <td>55</td> + <td>2010-10-14</td> + <td>$327,900</td> + <td>6200</td> + <td>r.davidson@datatables.net</td> + </tr> + <tr> + <td>Colleen</td> + <td>Hurst</td> + <td>Javascript Developer</td> + <td>San Francisco</td> + <td>39</td> + <td>2009-09-15</td> + <td>$205,500</td> + <td>2360</td> + <td>c.hurst@datatables.net</td> + </tr> + <tr> + <td>Sonya</td> + <td>Frost</td> + <td>Software Engineer</td> + <td>Edinburgh</td> + <td>23</td> + <td>2008-12-13</td> + <td>$103,600</td> + <td>1667</td> + <td>s.frost@datatables.net</td> + </tr> + <tr> + <td>Jena</td> + <td>Gaines</td> + <td>Office Manager</td> + <td>London</td> + <td>30</td> + <td>2008-12-19</td> + <td>$90,560</td> + <td>3814</td> + <td>j.gaines@datatables.net</td> + </tr> + <tr> + <td>Quinn</td> + <td>Flynn</td> + <td>Support Lead</td> + <td>Edinburgh</td> + <td>22</td> + <td>2013-03-03</td> + <td>$342,000</td> + <td>9497</td> + <td>q.flynn@datatables.net</td> + </tr> + <tr> + <td>Charde</td> + <td>Marshall</td> + <td>Regional Director</td> + <td>San Francisco</td> + <td>36</td> + <td>2008-10-16</td> + <td>$470,600</td> + <td>6741</td> + <td>c.marshall@datatables.net</td> + </tr> + <tr> + <td>Haley</td> + <td>Kennedy</td> + <td>Senior Marketing Designer</td> + <td>London</td> + <td>43</td> + <td>2012-12-18</td> + <td>$313,500</td> + <td>3597</td> + <td>h.kennedy@datatables.net</td> + </tr> + <tr> + <td>Tatyana</td> + <td>Fitzpatrick</td> + <td>Regional Director</td> + <td>London</td> + <td>19</td> + <td>2010-03-17</td> + <td>$385,750</td> + <td>1965</td> + <td>t.fitzpatrick@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Silva</td> + <td>Marketing Designer</td> + <td>London</td> + <td>66</td> + <td>2012-11-27</td> + <td>$198,500</td> + <td>1581</td> + <td>m.silva@datatables.net</td> + </tr> + <tr> + <td>Paul</td> + <td>Byrd</td> + <td>Chief Financial Officer (CFO)</td> + <td>New York</td> + <td>64</td> + <td>2010-06-09</td> + <td>$725,000</td> + <td>3059</td> + <td>p.byrd@datatables.net</td> + </tr> + <tr> + <td>Gloria</td> + <td>Little</td> + <td>Systems Administrator</td> + <td>New York</td> + <td>59</td> + <td>2009-04-10</td> + <td>$237,500</td> + <td>1721</td> + <td>g.little@datatables.net</td> + </tr> + <tr> + <td>Bradley</td> + <td>Greer</td> + <td>Software Engineer</td> + <td>London</td> + <td>41</td> + <td>2012-10-13</td> + <td>$132,000</td> + <td>2558</td> + <td>b.greer@datatables.net</td> + </tr> + <tr> + <td>Dai</td> + <td>Rios</td> + <td>Personnel Lead</td> + <td>Edinburgh</td> + <td>35</td> + <td>2012-09-26</td> + <td>$217,500</td> + <td>2290</td> + <td>d.rios@datatables.net</td> + </tr> + <tr> + <td>Jenette</td> + <td>Caldwell</td> + <td>Development Lead</td> + <td>New York</td> + <td>30</td> + <td>2011-09-03</td> + <td>$345,000</td> + <td>1937</td> + <td>j.caldwell@datatables.net</td> + </tr> + <tr> + <td>Yuri</td> + <td>Berry</td> + <td>Chief Marketing Officer (CMO)</td> + <td>New York</td> + <td>40</td> + <td>2009-06-25</td> + <td>$675,000</td> + <td>6154</td> + <td>y.berry@datatables.net</td> + </tr> + <tr> + <td>Caesar</td> + <td>Vance</td> + <td>Pre-Sales Support</td> + <td>New York</td> + <td>21</td> + <td>2011-12-12</td> + <td>$106,450</td> + <td>8330</td> + <td>c.vance@datatables.net</td> + </tr> + <tr> + <td>Doris</td> + <td>Wilder</td> + <td>Sales Assistant</td> + <td>Sydney</td> + <td>23</td> + <td>2010-09-20</td> + <td>$85,600</td> + <td>3023</td> + <td>d.wilder@datatables.net</td> + </tr> + <tr> + <td>Angelica</td> + <td>Ramos</td> + <td>Chief Executive Officer (CEO)</td> + <td>London</td> + <td>47</td> + <td>2009-10-09</td> + <td>$1,200,000</td> + <td>5797</td> + <td>a.ramos@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Joyce</td> + <td>Developer</td> + <td>Edinburgh</td> + <td>42</td> + <td>2010-12-22</td> + <td>$92,575</td> + <td>8822</td> + <td>g.joyce@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Chang</td> + <td>Regional Director</td> + <td>Singapore</td> + <td>28</td> + <td>2010-11-14</td> + <td>$357,650</td> + <td>9239</td> + <td>j.chang@datatables.net</td> + </tr> + <tr> + <td>Brenden</td> + <td>Wagner</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>28</td> + <td>2011-06-07</td> + <td>$206,850</td> + <td>1314</td> + <td>b.wagner@datatables.net</td> + </tr> + <tr> + <td>Fiona</td> + <td>Green</td> + <td>Chief Operating Officer (COO)</td> + <td>San Francisco</td> + <td>48</td> + <td>2010-03-11</td> + <td>$850,000</td> + <td>2947</td> + <td>f.green@datatables.net</td> + </tr> + <tr> + <td>Shou</td> + <td>Itou</td> + <td>Regional Marketing</td> + <td>Tokyo</td> + <td>20</td> + <td>2011-08-14</td> + <td>$163,000</td> + <td>8899</td> + <td>s.itou@datatables.net</td> + </tr> + <tr> + <td>Michelle</td> + <td>House</td> + <td>Integration Specialist</td> + <td>Sydney</td> + <td>37</td> + <td>2011-06-02</td> + <td>$95,400</td> + <td>2769</td> + <td>m.house@datatables.net</td> + </tr> + <tr> + <td>Suki</td> + <td>Burks</td> + <td>Developer</td> + <td>London</td> + <td>53</td> + <td>2009-10-22</td> + <td>$114,500</td> + <td>6832</td> + <td>s.burks@datatables.net</td> + </tr> + <tr> + <td>Prescott</td> + <td>Bartlett</td> + <td>Technical Author</td> + <td>London</td> + <td>27</td> + <td>2011-05-07</td> + <td>$145,000</td> + <td>3606</td> + <td>p.bartlett@datatables.net</td> + </tr> + <tr> + <td>Gavin</td> + <td>Cortez</td> + <td>Team Leader</td> + <td>San Francisco</td> + <td>22</td> + <td>2008-10-26</td> + <td>$235,500</td> + <td>2860</td> + <td>g.cortez@datatables.net</td> + </tr> + <tr> + <td>Martena</td> + <td>Mccray</td> + <td>Post-Sales support</td> + <td>Edinburgh</td> + <td>46</td> + <td>2011-03-09</td> + <td>$324,050</td> + <td>8240</td> + <td>m.mccray@datatables.net</td> + </tr> + <tr> + <td>Unity</td> + <td>Butler</td> + <td>Marketing Designer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-12-09</td> + <td>$85,675</td> + <td>5384</td> + <td>u.butler@datatables.net</td> + </tr> + <tr> + <td>Howard</td> + <td>Hatfield</td> + <td>Office Manager</td> + <td>San Francisco</td> + <td>51</td> + <td>2008-12-16</td> + <td>$164,500</td> + <td>7031</td> + <td>h.hatfield@datatables.net</td> + </tr> + <tr> + <td>Hope</td> + <td>Fuentes</td> + <td>Secretary</td> + <td>San Francisco</td> + <td>41</td> + <td>2010-02-12</td> + <td>$109,850</td> + <td>6318</td> + <td>h.fuentes@datatables.net</td> + </tr> + <tr> + <td>Vivian</td> + <td>Harrell</td> + <td>Financial Controller</td> + <td>San Francisco</td> + <td>62</td> + <td>2009-02-14</td> + <td>$452,500</td> + <td>9422</td> + <td>v.harrell@datatables.net</td> + </tr> + <tr> + <td>Timothy</td> + <td>Mooney</td> + <td>Office Manager</td> + <td>London</td> + <td>37</td> + <td>2008-12-11</td> + <td>$136,200</td> + <td>7580</td> + <td>t.mooney@datatables.net</td> + </tr> + <tr> + <td>Jackson</td> + <td>Bradshaw</td> + <td>Director</td> + <td>New York</td> + <td>65</td> + <td>2008-09-26</td> + <td>$645,750</td> + <td>1042</td> + <td>j.bradshaw@datatables.net</td> + </tr> + <tr> + <td>Olivia</td> + <td>Liang</td> + <td>Support Engineer</td> + <td>Singapore</td> + <td>64</td> + <td>2011-02-03</td> + <td>$234,500</td> + <td>2120</td> + <td>o.liang@datatables.net</td> + </tr> + <tr> + <td>Bruno</td> + <td>Nash</td> + <td>Software Engineer</td> + <td>London</td> + <td>38</td> + <td>2011-05-03</td> + <td>$163,500</td> + <td>6222</td> + <td>b.nash@datatables.net</td> + </tr> + <tr> + <td>Sakura</td> + <td>Yamamoto</td> + <td>Support Engineer</td> + <td>Tokyo</td> + <td>37</td> + <td>2009-08-19</td> + <td>$139,575</td> + <td>9383</td> + <td>s.yamamoto@datatables.net</td> + </tr> + <tr> + <td>Thor</td> + <td>Walton</td> + <td>Developer</td> + <td>New York</td> + <td>61</td> + <td>2013-08-11</td> + <td>$98,540</td> + <td>8327</td> + <td>t.walton@datatables.net</td> + </tr> + <tr> + <td>Finn</td> + <td>Camacho</td> + <td>Support Engineer</td> + <td>San Francisco</td> + <td>47</td> + <td>2009-07-07</td> + <td>$87,500</td> + <td>2927</td> + <td>f.camacho@datatables.net</td> + </tr> + <tr> + <td>Serge</td> + <td>Baldwin</td> + <td>Data Coordinator</td> + <td>Singapore</td> + <td>64</td> + <td>2012-04-09</td> + <td>$138,575</td> + <td>8352</td> + <td>s.baldwin@datatables.net</td> + </tr> + <tr> + <td>Zenaida</td> + <td>Frank</td> + <td>Software Engineer</td> + <td>New York</td> + <td>63</td> + <td>2010-01-04</td> + <td>$125,250</td> + <td>7439</td> + <td>z.frank@datatables.net</td> + </tr> + <tr> + <td>Zorita</td> + <td>Serrano</td> + <td>Software Engineer</td> + <td>San Francisco</td> + <td>56</td> + <td>2012-06-01</td> + <td>$115,000</td> + <td>4389</td> + <td>z.serrano@datatables.net</td> + </tr> + <tr> + <td>Jennifer</td> + <td>Acosta</td> + <td>Junior Javascript Developer</td> + <td>Edinburgh</td> + <td>43</td> + <td>2013-02-01</td> + <td>$75,650</td> + <td>3431</td> + <td>j.acosta@datatables.net</td> + </tr> + <tr> + <td>Cara</td> + <td>Stevens</td> + <td>Sales Assistant</td> + <td>New York</td> + <td>46</td> + <td>2011-12-06</td> + <td>$145,600</td> + <td>3990</td> + <td>c.stevens@datatables.net</td> + </tr> + <tr> + <td>Hermione</td> + <td>Butler</td> + <td>Regional Director</td> + <td>London</td> + <td>47</td> + <td>2011-03-21</td> + <td>$356,250</td> + <td>1016</td> + <td>h.butler@datatables.net</td> + </tr> + <tr> + <td>Lael</td> + <td>Greer</td> + <td>Systems Administrator</td> + <td>London</td> + <td>21</td> + <td>2009-02-27</td> + <td>$103,500</td> + <td>6733</td> + <td>l.greer@datatables.net</td> + </tr> + <tr> + <td>Jonas</td> + <td>Alexander</td> + <td>Developer</td> + <td>San Francisco</td> + <td>30</td> + <td>2010-07-14</td> + <td>$86,500</td> + <td>8196</td> + <td>j.alexander@datatables.net</td> + </tr> + <tr> + <td>Shad</td> + <td>Decker</td> + <td>Regional Director</td> + <td>Edinburgh</td> + <td>51</td> + <td>2008-11-13</td> + <td>$183,000</td> + <td>6373</td> + <td>s.decker@datatables.net</td> + </tr> + <tr> + <td>Michael</td> + <td>Bruce</td> + <td>Javascript Developer</td> + <td>Singapore</td> + <td>29</td> + <td>2011-06-27</td> + <td>$183,000</td> + <td>5384</td> + <td>m.bruce@datatables.net</td> + </tr> + <tr> + <td>Donna</td> + <td>Snider</td> + <td>Customer Support</td> + <td>New York</td> + <td>27</td> + <td>2011-01-25</td> + <td>$112,000</td> + <td>4226</td> + <td>d.snider@datatables.net</td> + </tr> + </tbody> + </table> + </div> + <ul class="tabs"> + <li class="active">Javascript</li> + <li>HTML</li> + <li>CSS</li> + <li>Ajax</li> + <li>Server-side script</li> + </ul> + <div class="tabs"> + <div class="js"> + <p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() { + $('#example').DataTable(); +} );</code> + <p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p> + <ul> + <li> + <a href="https://code.jquery.com/jquery-3.5.1.js">https://code.jquery.com/jquery-3.5.1.js</a> + </li> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.js">https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.js</a> + </li> + <li> + <a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a> + </li> + <li> + <a href="../../../../media/js/dataTables.semanticui.js">../../../../media/js/dataTables.semanticui.js</a> + </li> + <li> + <a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a> + </li> + <li> + <a href="../../js/responsive.semanticui.js">../../js/responsive.semanticui.js</a> + </li> + </ul> + </div> + <div class="table"> + <p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p> + </div> + <div class="css"> + <div> + <p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The + additional CSS used is shown below:</p><code class="multiline language-css"></code> + </div> + <p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p> + <ul> + <li> + <a href= + "https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.css">https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.8/semantic.min.css</a> + </li> + <li> + <a href="../../../../media/css/dataTables.semanticui.css">../../../../media/css/dataTables.semanticui.css</a> + </li> + <li> + <a href="../../css/responsive.semanticui.css">../../css/responsive.semanticui.css</a> + </li> + </ul> + </div> + <div class="ajax"> + <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is + loaded.</p> + </div> + <div class="php"> + <p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side + processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables + documentation</a>.</p> + </div> + </div> + </section> + </div> + <section> + <div class="footer"> + <div class="gradient"></div> + <div class="liner"> + <h2>Other examples</h2> + <div class="toc"> + <div class="toc-group"> + <h3><a href="../initialisation/index.html">Basic initialisation</a></h3> + <ul class="toc"> + <li> + <a href="../initialisation/className.html">Class name</a> + </li> + <li> + <a href="../initialisation/option.html">Configuration option</a> + </li> + <li> + <a href="../initialisation/new.html">`new` constructor</a> + </li> + <li> + <a href="../initialisation/ajax.html">Ajax data</a> + </li> + <li> + <a href="../initialisation/default.html">Default initialisation</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../display-types/index.html">Display-types</a></h3> + <ul class="toc"> + <li> + <a href="../display-types/immediateShow.html">Immediately show hidden details</a> + </li> + <li> + <a href="../display-types/modal.html">Modal details display</a> + </li> + <li> + <a href="../display-types/bootstrap-modal.html">Bootstrap modal</a> + </li> + <li> + <a href="../display-types/bootstrap4-modal.html">Bootstrap 4 modal</a> + </li> + <li> + <a href="../display-types/bootstrap5-modal.html">Bootstrap 5 modal</a> + </li> + <li> + <a href="../display-types/bulma-modal.html">Bulma modal</a> + </li> + <li> + <a href="../display-types/foundation-modal.html">Foundation modal</a> + </li> + <li> + <a href="../display-types/semanticui-modal.html">Semantic UI modal</a> + </li> + <li> + <a href="../display-types/jqueryui-modal.html">jQuery UI modal</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../column-control/index.html">Column-control</a></h3> + <ul class="toc"> + <li> + <a href="../column-control/auto.html">Automatic column hiding</a> + </li> + <li> + <a href="../column-control/columnPriority.html">Column priority</a> + </li> + <li> + <a href="../column-control/classes.html">Class control</a> + </li> + <li> + <a href="../column-control/init-classes.html">Assigned class control</a> + </li> + <li> + <a href="../column-control/column-visibility.html">With Buttons - Column visibility</a> + </li> + <li> + <a href="../column-control/fixedHeader.html">With FixedHeader</a> + </li> + <li> + <a href="../column-control/colreorder.html">With ColReorder</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="../child-rows/index.html">Child rows</a></h3> + <ul class="toc"> + <li> + <a href="../child-rows/disable-child-rows.html">Disable child rows</a> + </li> + <li> + <a href="../child-rows/column-control.html">Column controlled child rows</a> + </li> + <li> + <a href="../child-rows/right-column.html">Column control - right</a> + </li> + <li> + <a href="../child-rows/whole-row-control.html">Whole row child row control</a> + </li> + <li> + <a href="../child-rows/custom-renderer.html">Custom child row renderer</a> + </li> + </ul> + </div> + <div class="toc-group"> + <h3><a href="./index.html">Styling</a></h3> + <ul class="toc active"> + <li> + <a href="./bootstrap.html">Bootstrap styling</a> + </li> + <li> + <a href="./bootstrap4.html">Bootstrap 4 styling</a> + </li> + <li> + <a href="./bootstrap5.html">Bootstrap 5 styling</a> + </li> + <li> + <a href="./foundation.html">Foundation styling</a> + </li> + <li> + <a href="./bulma.html">Bulma styling</a> + </li> + <li class="active"> + <a href="./semanticui.html">Fomantic-UI (formally Semantic-UI) styling</a> + </li> + <li> + <a href="./jqueryui.html">jQuery UI styling</a> + </li> + <li> + <a href="./compact.html">Compact styling</a> + </li> + <li> + <a href="./scrolling.html">Vertical scrolling</a> + </li> + </ul> + </div> + </div> + <div class="epilogue"> + <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br> + Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href= + "http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p> + <p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2023<br> + DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p> + </div> + </div> + </div> + </section> +</body> +</html> \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/dataTables.responsive.js b/node_modules/Responsive-2.4.1/js/dataTables.responsive.js new file mode 100644 index 0000000000000000000000000000000000000000..21c43d2ab810a7ab8165b5fe74b3ce01e3c7696d --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/dataTables.responsive.js @@ -0,0 +1,1533 @@ +/*! Responsive 2.4.1 + * © SpryMedia Ltd - datatables.net/license + */ + +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net'], function ( $ ) { + return factory( $, window, document ); + } ); + } + else if ( typeof exports === 'object' ) { + // CommonJS + var jq = require('jquery'); + var cjsRequires = function (root, $) { + if ( ! $.fn.dataTable ) { + require('datatables.net')(root, $); + } + }; + + if (typeof window !== 'undefined') { + module.exports = function (root, $) { + if ( ! root ) { + // CommonJS environments without a window global must pass a + // root. This will give an error otherwise + root = window; + } + + if ( ! $ ) { + $ = jq( root ); + } + + cjsRequires( root, $ ); + return factory( $, root, root.document ); + }; + } + else { + cjsRequires( window, jq ); + module.exports = factory( jq, window, window.document ); + } + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + + +/** + * @summary Responsive + * @description Responsive tables plug-in for DataTables + * @version 2.4.1 + * @author SpryMedia Ltd (www.sprymedia.co.uk) + * @contact www.sprymedia.co.uk/contact + * @copyright 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 + */ + +/** + * Responsive is a plug-in for the DataTables library that makes use of + * DataTables' ability to change the visibility of columns, changing the + * visibility of columns so the displayed columns fit into the table container. + * The end result is that complex tables will be dynamically adjusted to fit + * into the viewport, be it on a desktop, tablet or mobile browser. + * + * Responsive for DataTables has two modes of operation, which can used + * individually or combined: + * + * * Class name based control - columns assigned class names that match the + * breakpoint logic can be shown / hidden as required for each breakpoint. + * * Automatic control - columns are automatically hidden when there is no + * room left to display them. Columns removed from the right. + * + * In additional to column visibility control, Responsive also has built into + * options to use DataTables' child row display to show / hide the information + * from the table that has been hidden. There are also two modes of operation + * for this child row display: + * + * * Inline - when the control element that the user can use to show / hide + * child rows is displayed inside the first column of the table. + * * Column - where a whole column is dedicated to be the show / hide control. + * + * Initialisation of Responsive is performed by: + * + * * Adding the class `responsive` or `dt-responsive` to the table. In this case + * Responsive will automatically be initialised with the default configuration + * options when the DataTable is created. + * * Using the `responsive` option in the DataTables configuration options. This + * can also be used to specify the configuration options, or simply set to + * `true` to use the defaults. + * + * @class + * @param {object} settings DataTables settings object for the host table + * @param {object} [opts] Configuration options + * @requires jQuery 1.7+ + * @requires DataTables 1.10.3+ + * + * @example + * $('#example').DataTable( { + * responsive: true + * } ); + * } ); + */ +var Responsive = function ( settings, opts ) { + // Sanity check that we are using DataTables 1.10 or newer + if ( ! DataTable.versionCheck || ! DataTable.versionCheck( '1.10.10' ) ) { + throw 'DataTables Responsive requires DataTables 1.10.10 or newer'; + } + + this.s = { + childNodeStore: {}, + columns: [], + current: [], + dt: new DataTable.Api( settings ) + }; + + // Check if responsive has already been initialised on this table + if ( this.s.dt.settings()[0].responsive ) { + return; + } + + // details is an object, but for simplicity the user can give it as a string + // or a boolean + if ( opts && typeof opts.details === 'string' ) { + opts.details = { type: opts.details }; + } + else if ( opts && opts.details === false ) { + opts.details = { type: false }; + } + else if ( opts && opts.details === true ) { + opts.details = { type: 'inline' }; + } + + this.c = $.extend( true, {}, Responsive.defaults, DataTable.defaults.responsive, opts ); + settings.responsive = this; + this._constructor(); +}; + +$.extend( Responsive.prototype, { + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Constructor + */ + + /** + * Initialise the Responsive instance + * + * @private + */ + _constructor: function () + { + var that = this; + var dt = this.s.dt; + var dtPrivateSettings = dt.settings()[0]; + var oldWindowWidth = $(window).innerWidth(); + + dt.settings()[0]._responsive = this; + + // Use DataTables' throttle function to avoid processor thrashing on + // resize + $(window).on( 'resize.dtr orientationchange.dtr', DataTable.util.throttle( function () { + // iOS has a bug whereby resize can fire when only scrolling + // See: http://stackoverflow.com/questions/8898412 + var width = $(window).innerWidth(); + + if ( width !== oldWindowWidth ) { + that._resize(); + oldWindowWidth = width; + } + } ) ); + + // DataTables doesn't currently trigger an event when a row is added, so + // we need to hook into its private API to enforce the hidden rows when + // new data is added + dtPrivateSettings.oApi._fnCallbackReg( dtPrivateSettings, 'aoRowCreatedCallback', function (tr, data, idx) { + if ( $.inArray( false, that.s.current ) !== -1 ) { + $('>td, >th', tr).each( function ( i ) { + var idx = dt.column.index( 'toData', i ); + + if ( that.s.current[idx] === false ) { + $(this).css('display', 'none'); + } + } ); + } + } ); + + // Destroy event handler + dt.on( 'destroy.dtr', function () { + dt.off( '.dtr' ); + $( dt.table().body() ).off( '.dtr' ); + $(window).off( 'resize.dtr orientationchange.dtr' ); + dt.cells('.dtr-control').nodes().to$().removeClass('dtr-control'); + + // Restore the columns that we've hidden + $.each( that.s.current, function ( i, val ) { + if ( val === false ) { + that._setColumnVis( i, true ); + } + } ); + } ); + + // Reorder the breakpoints array here in case they have been added out + // of order + this.c.breakpoints.sort( function (a, b) { + return a.width < b.width ? 1 : + a.width > b.width ? -1 : 0; + } ); + + this._classLogic(); + this._resizeAuto(); + + // Details handler + var details = this.c.details; + + if ( details.type !== false ) { + that._detailsInit(); + + // DataTables will trigger this event on every column it shows and + // hides individually + dt.on( 'column-visibility.dtr', function () { + // Use a small debounce to allow multiple columns to be set together + if ( that._timer ) { + clearTimeout( that._timer ); + } + + that._timer = setTimeout( function () { + that._timer = null; + + that._classLogic(); + that._resizeAuto(); + that._resize(true); + + that._redrawChildren(); + }, 100 ); + } ); + + // Redraw the details box on each draw which will happen if the data + // has changed. This is used until DataTables implements a native + // `updated` event for rows + dt.on( 'draw.dtr', function () { + that._redrawChildren(); + } ); + + $(dt.table().node()).addClass( 'dtr-'+details.type ); + } + + dt.on( 'column-reorder.dtr', function (e, settings, details) { + that._classLogic(); + that._resizeAuto(); + that._resize(true); + } ); + + // Change in column sizes means we need to calc + dt.on( 'column-sizing.dtr', function () { + that._resizeAuto(); + that._resize(); + }); + + // DT2 let's us tell it if we are hiding columns + dt.on( 'column-calc.dt', function (e, d) { + var curr = that.s.current; + + for (var i=0 ; i<curr.length ; i++) { + var idx = d.visible.indexOf(i); + + if (curr[i] === false && idx >= 0) { + d.visible.splice(idx, 1); + } + } + } ); + + // On Ajax reload we want to reopen any child rows which are displayed + // by responsive + dt.on( 'preXhr.dtr', function () { + var rowIds = []; + dt.rows().every( function () { + if ( this.child.isShown() ) { + rowIds.push( this.id(true) ); + } + } ); + + dt.one( 'draw.dtr', function () { + that._resizeAuto(); + that._resize(); + + dt.rows( rowIds ).every( function () { + that._detailsDisplay( this, false ); + } ); + } ); + }); + + dt + .on( 'draw.dtr', function () { + that._controlClass(); + }) + .on( 'init.dtr', function (e, settings, details) { + if ( e.namespace !== 'dt' ) { + return; + } + + that._resizeAuto(); + that._resize(); + + // If columns were hidden, then DataTables needs to adjust the + // column sizing + if ( $.inArray( false, that.s.current ) ) { + dt.columns.adjust(); + } + } ); + + // First pass - draw the table for the current viewport size + this._resize(); + }, + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Private methods + */ + + /** + * Get and store nodes from a cell - use for node moving renderers + * + * @param {*} dt DT instance + * @param {*} row Row index + * @param {*} col Column index + */ + _childNodes: function( dt, row, col ) { + var name = row+'-'+col; + + if ( this.s.childNodeStore[ name ] ) { + return this.s.childNodeStore[ name ]; + } + + // https://jsperf.com/childnodes-array-slice-vs-loop + var nodes = []; + var children = dt.cell( row, col ).node().childNodes; + for ( var i=0, ien=children.length ; i<ien ; i++ ) { + nodes.push( children[i] ); + } + + this.s.childNodeStore[ name ] = nodes; + + return nodes; + }, + + /** + * Restore nodes from the cache to a table cell + * + * @param {*} dt DT instance + * @param {*} row Row index + * @param {*} col Column index + */ + _childNodesRestore: function( dt, row, col ) { + var name = row+'-'+col; + + if ( ! this.s.childNodeStore[ name ] ) { + return; + } + + var node = dt.cell( row, col ).node(); + var store = this.s.childNodeStore[ name ]; + var parent = store[0].parentNode; + var parentChildren = parent.childNodes; + var a = []; + + for ( var i=0, ien=parentChildren.length ; i<ien ; i++ ) { + a.push( parentChildren[i] ); + } + + for ( var j=0, jen=a.length ; j<jen ; j++ ) { + node.appendChild( a[j] ); + } + + this.s.childNodeStore[ name ] = undefined; + }, + + /** + * Calculate the visibility for the columns in a table for a given + * breakpoint. The result is pre-determined based on the class logic if + * class names are used to control all columns, but the width of the table + * is also used if there are columns which are to be automatically shown + * and hidden. + * + * @param {string} breakpoint Breakpoint name to use for the calculation + * @return {array} Array of boolean values initiating the visibility of each + * column. + * @private + */ + _columnsVisiblity: function ( breakpoint ) + { + var dt = this.s.dt; + var columns = this.s.columns; + var i, ien; + + // Create an array that defines the column ordering based first on the + // column's priority, and secondly the column index. This allows the + // columns to be removed from the right if the priority matches + var order = columns + .map( function ( col, idx ) { + return { + columnIdx: idx, + priority: col.priority + }; + } ) + .sort( function ( a, b ) { + if ( a.priority !== b.priority ) { + return a.priority - b.priority; + } + return a.columnIdx - b.columnIdx; + } ); + + // Class logic - determine which columns are in this breakpoint based + // on the classes. If no class control (i.e. `auto`) then `-` is used + // to indicate this to the rest of the function + var display = $.map( columns, function ( col, i ) { + if ( dt.column(i).visible() === false ) { + return 'not-visible'; + } + return col.auto && col.minWidth === null ? + false : + col.auto === true ? + '-' : + $.inArray( breakpoint, col.includeIn ) !== -1; + } ); + + // Auto column control - first pass: how much width is taken by the + // ones that must be included from the non-auto columns + var requiredWidth = 0; + for ( i=0, ien=display.length ; i<ien ; i++ ) { + if ( display[i] === true ) { + requiredWidth += columns[i].minWidth; + } + } + + // Second pass, use up any remaining width for other columns. For + // scrolling tables we need to subtract the width of the scrollbar. It + // may not be requires which makes this sub-optimal, but it would + // require another full redraw to make complete use of those extra few + // pixels + var scrolling = dt.settings()[0].oScroll; + var bar = scrolling.sY || scrolling.sX ? scrolling.iBarWidth : 0; + var widthAvailable = dt.table().container().offsetWidth - bar; + var usedWidth = widthAvailable - requiredWidth; + + // Control column needs to always be included. This makes it sub- + // optimal in terms of using the available with, but to stop layout + // thrashing or overflow. Also we need to account for the control column + // width first so we know how much width is available for the other + // columns, since the control column might not be the first one shown + for ( i=0, ien=display.length ; i<ien ; i++ ) { + if ( columns[i].control ) { + usedWidth -= columns[i].minWidth; + } + } + + // Allow columns to be shown (counting by priority and then right to + // left) until we run out of room + var empty = false; + for ( i=0, ien=order.length ; i<ien ; i++ ) { + var colIdx = order[i].columnIdx; + + if ( display[colIdx] === '-' && ! columns[colIdx].control && columns[colIdx].minWidth ) { + // Once we've found a column that won't fit we don't let any + // others display either, or columns might disappear in the + // middle of the table + if ( empty || usedWidth - columns[colIdx].minWidth < 0 ) { + empty = true; + display[colIdx] = false; + } + else { + display[colIdx] = true; + } + + usedWidth -= columns[colIdx].minWidth; + } + } + + // Determine if the 'control' column should be shown (if there is one). + // This is the case when there is a hidden column (that is not the + // control column). The two loops look inefficient here, but they are + // trivial and will fly through. We need to know the outcome from the + // first , before the action in the second can be taken + var showControl = false; + + for ( i=0, ien=columns.length ; i<ien ; i++ ) { + if ( ! columns[i].control && ! columns[i].never && display[i] === false ) { + showControl = true; + break; + } + } + + for ( i=0, ien=columns.length ; i<ien ; i++ ) { + if ( columns[i].control ) { + display[i] = showControl; + } + + // Replace not visible string with false from the control column detection above + if ( display[i] === 'not-visible' ) { + display[i] = false; + } + } + + // Finally we need to make sure that there is at least one column that + // is visible + if ( $.inArray( true, display ) === -1 ) { + display[0] = true; + } + + return display; + }, + + + /** + * Create the internal `columns` array with information about the columns + * for the table. This includes determining which breakpoints the column + * will appear in, based upon class names in the column, which makes up the + * vast majority of this method. + * + * @private + */ + _classLogic: function () + { + var that = this; + var calc = {}; + var breakpoints = this.c.breakpoints; + var dt = this.s.dt; + var columns = dt.columns().eq(0).map( function (i) { + var column = this.column(i); + var className = column.header().className; + var priority = dt.settings()[0].aoColumns[i].responsivePriority; + var dataPriority = column.header().getAttribute('data-priority'); + + if ( priority === undefined ) { + priority = dataPriority === undefined || dataPriority === null? + 10000 : + dataPriority * 1; + } + + return { + className: className, + includeIn: [], + auto: false, + control: false, + never: className.match(/\b(dtr\-)?never\b/) ? true : false, + priority: priority + }; + } ); + + // Simply add a breakpoint to `includeIn` array, ensuring that there are + // no duplicates + var add = function ( colIdx, name ) { + var includeIn = columns[ colIdx ].includeIn; + + if ( $.inArray( name, includeIn ) === -1 ) { + includeIn.push( name ); + } + }; + + var column = function ( colIdx, name, operator, matched ) { + var size, i, ien; + + if ( ! operator ) { + columns[ colIdx ].includeIn.push( name ); + } + else if ( operator === 'max-' ) { + // Add this breakpoint and all smaller + size = that._find( name ).width; + + for ( i=0, ien=breakpoints.length ; i<ien ; i++ ) { + if ( breakpoints[i].width <= size ) { + add( colIdx, breakpoints[i].name ); + } + } + } + else if ( operator === 'min-' ) { + // Add this breakpoint and all larger + size = that._find( name ).width; + + for ( i=0, ien=breakpoints.length ; i<ien ; i++ ) { + if ( breakpoints[i].width >= size ) { + add( colIdx, breakpoints[i].name ); + } + } + } + else if ( operator === 'not-' ) { + // Add all but this breakpoint + for ( i=0, ien=breakpoints.length ; i<ien ; i++ ) { + if ( breakpoints[i].name.indexOf( matched ) === -1 ) { + add( colIdx, breakpoints[i].name ); + } + } + } + }; + + // Loop over each column and determine if it has a responsive control + // class + columns.each( function ( col, i ) { + var classNames = col.className.split(' '); + var hasClass = false; + + // Split the class name up so multiple rules can be applied if needed + for ( var k=0, ken=classNames.length ; k<ken ; k++ ) { + var className = classNames[k].trim(); + + if ( className === 'all' || className === 'dtr-all' ) { + // Include in all + hasClass = true; + col.includeIn = $.map( breakpoints, function (a) { + return a.name; + } ); + return; + } + else if ( className === 'none' || className === 'dtr-none' || col.never ) { + // Include in none (default) and no auto + hasClass = true; + return; + } + else if ( className === 'control' || className === 'dtr-control' ) { + // Special column that is only visible, when one of the other + // columns is hidden. This is used for the details control + hasClass = true; + col.control = true; + return; + } + + $.each( breakpoints, function ( j, breakpoint ) { + // Does this column have a class that matches this breakpoint? + var brokenPoint = breakpoint.name.split('-'); + var re = new RegExp( '(min\\-|max\\-|not\\-)?('+brokenPoint[0]+')(\\-[_a-zA-Z0-9])?' ); + var match = className.match( re ); + + if ( match ) { + hasClass = true; + + if ( match[2] === brokenPoint[0] && match[3] === '-'+brokenPoint[1] ) { + // Class name matches breakpoint name fully + column( i, breakpoint.name, match[1], match[2]+match[3] ); + } + else if ( match[2] === brokenPoint[0] && ! match[3] ) { + // Class name matched primary breakpoint name with no qualifier + column( i, breakpoint.name, match[1], match[2] ); + } + } + } ); + } + + // If there was no control class, then automatic sizing is used + if ( ! hasClass ) { + col.auto = true; + } + } ); + + this.s.columns = columns; + }, + + /** + * Update the cells to show the correct control class / button + * @private + */ + _controlClass: function () + { + if ( this.c.details.type === 'inline' ) { + var dt = this.s.dt; + var columnsVis = this.s.current; + var firstVisible = $.inArray(true, columnsVis); + + // Remove from any cells which shouldn't have it + dt.cells( + null, + function(idx) { + return idx !== firstVisible; + }, + {page: 'current'} + ) + .nodes() + .to$() + .filter('.dtr-control') + .removeClass('dtr-control'); + + dt.cells(null, firstVisible, {page: 'current'}) + .nodes() + .to$() + .addClass('dtr-control'); + } + }, + + /** + * Show the details for the child row + * + * @param {DataTables.Api} row API instance for the row + * @param {boolean} update Update flag + * @private + */ + _detailsDisplay: function ( row, update ) + { + var that = this; + var dt = this.s.dt; + var details = this.c.details; + + if ( details && details.type !== false ) { + var renderer = typeof details.renderer === 'string' + ? Responsive.renderer[details.renderer]() + : details.renderer; + + var res = details.display( row, update, function () { + return renderer.call( + that, dt, row[0], that._detailsObj(row[0]) + ); + } ); + + if ( res === true || res === false ) { + $(dt.table().node()).triggerHandler( 'responsive-display.dt', [dt, row, res, update] ); + } + } + }, + + + /** + * Initialisation for the details handler + * + * @private + */ + _detailsInit: function () + { + var that = this; + var dt = this.s.dt; + var details = this.c.details; + + // The inline type always uses the first child as the target + if ( details.type === 'inline' ) { + details.target = 'td.dtr-control, th.dtr-control'; + } + + // Keyboard accessibility + dt.on( 'draw.dtr', function () { + that._tabIndexes(); + } ); + that._tabIndexes(); // Initial draw has already happened + + $( dt.table().body() ).on( 'keyup.dtr', 'td, th', function (e) { + if ( e.keyCode === 13 && $(this).data('dtr-keyboard') ) { + $(this).click(); + } + } ); + + // type.target can be a string jQuery selector or a column index + var target = details.target; + var selector = typeof target === 'string' ? target : 'td, th'; + + if ( target !== undefined || target !== null ) { + // Click handler to show / hide the details rows when they are available + $( dt.table().body() ) + .on( 'click.dtr mousedown.dtr mouseup.dtr', selector, function (e) { + // If the table is not collapsed (i.e. there is no hidden columns) + // then take no action + if ( ! $(dt.table().node()).hasClass('collapsed' ) ) { + return; + } + + // Check that the row is actually a DataTable's controlled node + if ( $.inArray( $(this).closest('tr').get(0), dt.rows().nodes().toArray() ) === -1 ) { + return; + } + + // For column index, we determine if we should act or not in the + // handler - otherwise it is already okay + if ( typeof target === 'number' ) { + var targetIdx = target < 0 ? + dt.columns().eq(0).length + target : + target; + + if ( dt.cell( this ).index().column !== targetIdx ) { + return; + } + } + + // $().closest() includes itself in its check + var row = dt.row( $(this).closest('tr') ); + + // Check event type to do an action + if ( e.type === 'click' ) { + // The renderer is given as a function so the caller can execute it + // only when they need (i.e. if hiding there is no point is running + // the renderer) + that._detailsDisplay( row, false ); + } + else if ( e.type === 'mousedown' ) { + // For mouse users, prevent the focus ring from showing + $(this).css('outline', 'none'); + } + else if ( e.type === 'mouseup' ) { + // And then re-allow at the end of the click + $(this).trigger('blur').css('outline', ''); + } + } ); + } + }, + + + /** + * Get the details to pass to a renderer for a row + * @param {int} rowIdx Row index + * @private + */ + _detailsObj: function ( rowIdx ) + { + var that = this; + var dt = this.s.dt; + + return $.map( this.s.columns, function( col, i ) { + // Never and control columns should not be passed to the renderer + if ( col.never || col.control ) { + return; + } + + var dtCol = dt.settings()[0].aoColumns[ i ]; + + return { + className: dtCol.sClass, + columnIndex: i, + data: dt.cell( rowIdx, i ).render( that.c.orthogonal ), + hidden: dt.column( i ).visible() && !that.s.current[ i ], + rowIndex: rowIdx, + title: dtCol.sTitle !== null ? + dtCol.sTitle : + $(dt.column(i).header()).text() + }; + } ); + }, + + + /** + * Find a breakpoint object from a name + * + * @param {string} name Breakpoint name to find + * @return {object} Breakpoint description object + * @private + */ + _find: function ( name ) + { + var breakpoints = this.c.breakpoints; + + for ( var i=0, ien=breakpoints.length ; i<ien ; i++ ) { + if ( breakpoints[i].name === name ) { + return breakpoints[i]; + } + } + }, + + + /** + * Re-create the contents of the child rows as the display has changed in + * some way. + * + * @private + */ + _redrawChildren: function () + { + var that = this; + var dt = this.s.dt; + + dt.rows( {page: 'current'} ).iterator( 'row', function ( settings, idx ) { + var row = dt.row( idx ); + + that._detailsDisplay( dt.row( idx ), true ); + } ); + }, + + + /** + * Alter the table display for a resized viewport. This involves first + * determining what breakpoint the window currently is in, getting the + * column visibilities to apply and then setting them. + * + * @param {boolean} forceRedraw Force a redraw + * @private + */ + _resize: function (forceRedraw) + { + var that = this; + var dt = this.s.dt; + var width = $(window).innerWidth(); + var breakpoints = this.c.breakpoints; + var breakpoint = breakpoints[0].name; + var columns = this.s.columns; + var i, ien; + var oldVis = this.s.current.slice(); + + // Determine what breakpoint we are currently at + for ( i=breakpoints.length-1 ; i>=0 ; i-- ) { + if ( width <= breakpoints[i].width ) { + breakpoint = breakpoints[i].name; + break; + } + } + + // Show the columns for that break point + var columnsVis = this._columnsVisiblity( breakpoint ); + this.s.current = columnsVis; + + // Set the class before the column visibility is changed so event + // listeners know what the state is. Need to determine if there are + // any columns that are not visible but can be shown + var collapsedClass = false; + + for ( i=0, ien=columns.length ; i<ien ; i++ ) { + if ( columnsVis[i] === false && ! columns[i].never && ! columns[i].control && ! dt.column(i).visible() === false ) { + collapsedClass = true; + break; + } + } + + $( dt.table().node() ).toggleClass( 'collapsed', collapsedClass ); + + var changed = false; + var visible = 0; + + dt.columns().eq(0).each( function ( colIdx, i ) { + if ( columnsVis[i] === true ) { + visible++; + } + + if ( forceRedraw || columnsVis[i] !== oldVis[i] ) { + changed = true; + that._setColumnVis( colIdx, columnsVis[i] ); + } + } ); + + // Always need to update the display, regardless of if it has changed or not, so nodes + // can be re-inserted for listHiddenNodes + this._redrawChildren(); + + if ( changed ) { + // Inform listeners of the change + $(dt.table().node()).trigger( 'responsive-resize.dt', [dt, this.s.current] ); + + // If no records, update the "No records" display element + if ( dt.page.info().recordsDisplay === 0 ) { + $('td', dt.table().body()).eq(0).attr('colspan', visible); + } + } + + that._controlClass(); + }, + + + /** + * Determine the width of each column in the table so the auto column hiding + * has that information to work with. This method is never going to be 100% + * perfect since column widths can change slightly per page, but without + * seriously compromising performance this is quite effective. + * + * @private + */ + _resizeAuto: function () + { + var dt = this.s.dt; + var columns = this.s.columns; + var that = this; + + // Are we allowed to do auto sizing? + if ( ! this.c.auto ) { + return; + } + + // Are there any columns that actually need auto-sizing, or do they all + // have classes defined + if ( $.inArray( true, $.map( columns, function (c) { return c.auto; } ) ) === -1 ) { + return; + } + + // Need to restore all children. They will be reinstated by a re-render + if ( ! $.isEmptyObject( this.s.childNodeStore ) ) { + $.each( this.s.childNodeStore, function ( key ) { + var idx = key.split('-'); + + that._childNodesRestore( dt, idx[0]*1, idx[1]*1 ); + } ); + } + + // Clone the table with the current data in it + var tableWidth = dt.table().node().offsetWidth; + var columnWidths = dt.columns; + var clonedTable = dt.table().node().cloneNode( false ); + var clonedHeader = $( dt.table().header().cloneNode( false ) ).appendTo( clonedTable ); + var clonedBody = $( dt.table().body() ).clone( false, false ).empty().appendTo( clonedTable ); // use jQuery because of IE8 + + clonedTable.style.width = 'auto'; + + // Header + var headerCells = dt.columns() + .header() + .filter( function (idx) { + return dt.column(idx).visible(); + } ) + .to$() + .clone( false ) + .css( 'display', 'table-cell' ) + .css( 'width', 'auto' ) + .css( 'min-width', 0 ); + + // Body rows - we don't need to take account of DataTables' column + // visibility since we implement our own here (hence the `display` set) + $(clonedBody) + .append( $(dt.rows( { page: 'current' } ).nodes()).clone( false ) ) + .find( 'th, td' ).css( 'display', '' ); + + // Footer + var footer = dt.table().footer(); + if ( footer ) { + var clonedFooter = $( footer.cloneNode( false ) ).appendTo( clonedTable ); + var footerCells = dt.columns() + .footer() + .filter( function (idx) { + return dt.column(idx).visible(); + } ) + .to$() + .clone( false ) + .css( 'display', 'table-cell' ); + + $('<tr/>') + .append( footerCells ) + .appendTo( clonedFooter ); + } + + $('<tr/>') + .append( headerCells ) + .appendTo( clonedHeader ); + + // In the inline case extra padding is applied to the first column to + // give space for the show / hide icon. We need to use this in the + // calculation + if ( this.c.details.type === 'inline' ) { + $(clonedTable).addClass( 'dtr-inline collapsed' ); + } + + // It is unsafe to insert elements with the same name into the DOM + // multiple times. For example, cloning and inserting a checked radio + // clears the chcecked state of the original radio. + $( clonedTable ).find( '[name]' ).removeAttr( 'name' ); + + // A position absolute table would take the table out of the flow of + // our container element, bypassing the height and width (Scroller) + $( clonedTable ).css( 'position', 'relative' ) + + var inserted = $('<div/>') + .css( { + width: 1, + height: 1, + overflow: 'hidden', + clear: 'both' + } ) + .append( clonedTable ); + + inserted.insertBefore( dt.table().node() ); + + // The cloned header now contains the smallest that each column can be + headerCells.each( function (i) { + var idx = dt.column.index( 'fromVisible', i ); + columns[ idx ].minWidth = this.offsetWidth || 0; + } ); + + inserted.remove(); + }, + + /** + * Get the state of the current hidden columns - controlled by Responsive only + */ + _responsiveOnlyHidden: function () + { + var dt = this.s.dt; + + return $.map( this.s.current, function (v, i) { + // If the column is hidden by DataTables then it can't be hidden by + // Responsive! + if ( dt.column(i).visible() === false ) { + return true; + } + return v; + } ); + }, + + /** + * Set a column's visibility. + * + * We don't use DataTables' column visibility controls in order to ensure + * that column visibility can Responsive can no-exist. Since only IE8+ is + * supported (and all evergreen browsers of course) the control of the + * display attribute works well. + * + * @param {integer} col Column index + * @param {boolean} showHide Show or hide (true or false) + * @private + */ + _setColumnVis: function ( col, showHide ) + { + var that = this; + var dt = this.s.dt; + var display = showHide ? '' : 'none'; // empty string will remove the attr + + $( dt.column( col ).header() ) + .css( 'display', display ) + .toggleClass('dtr-hidden', !showHide); + + $( dt.column( col ).footer() ) + .css( 'display', display ) + .toggleClass('dtr-hidden', !showHide); + + dt.column( col ).nodes().to$() + .css( 'display', display ) + .toggleClass('dtr-hidden', !showHide); + + // If the are child nodes stored, we might need to reinsert them + if ( ! $.isEmptyObject( this.s.childNodeStore ) ) { + dt.cells( null, col ).indexes().each( function (idx) { + that._childNodesRestore( dt, idx.row, idx.column ); + } ); + } + }, + + + /** + * Update the cell tab indexes for keyboard accessibility. This is called on + * every table draw - that is potentially inefficient, but also the least + * complex option given that column visibility can change on the fly. Its a + * shame user-focus was removed from CSS 3 UI, as it would have solved this + * issue with a single CSS statement. + * + * @private + */ + _tabIndexes: function () + { + var dt = this.s.dt; + var cells = dt.cells( { page: 'current' } ).nodes().to$(); + var ctx = dt.settings()[0]; + var target = this.c.details.target; + + cells.filter( '[data-dtr-keyboard]' ).removeData( '[data-dtr-keyboard]' ); + + if ( typeof target === 'number' ) { + dt.cells( null, target, { page: 'current' } ).nodes().to$() + .attr( 'tabIndex', ctx.iTabIndex ) + .data( 'dtr-keyboard', 1 ); + } + else { + // This is a bit of a hack - we need to limit the selected nodes to just + // those of this table + if ( target === 'td:first-child, th:first-child' ) { + target = '>td:first-child, >th:first-child'; + } + + $( target, dt.rows( { page: 'current' } ).nodes() ) + .attr( 'tabIndex', ctx.iTabIndex ) + .data( 'dtr-keyboard', 1 ); + } + } +} ); + + +/** + * List of default breakpoints. Each item in the array is an object with two + * properties: + * + * * `name` - the breakpoint name. + * * `width` - the breakpoint width + * + * @name Responsive.breakpoints + * @static + */ +Responsive.breakpoints = [ + { name: 'desktop', width: Infinity }, + { name: 'tablet-l', width: 1024 }, + { name: 'tablet-p', width: 768 }, + { name: 'mobile-l', width: 480 }, + { name: 'mobile-p', width: 320 } +]; + + +/** + * Display methods - functions which define how the hidden data should be shown + * in the table. + * + * @namespace + * @name Responsive.defaults + * @static + */ +Responsive.display = { + childRow: function ( row, update, render ) { + if ( update ) { + if ( $(row.node()).hasClass('parent') ) { + row.child( render(), 'child' ).show(); + + return true; + } + } + else { + if ( ! row.child.isShown() ) { + row.child( render(), 'child' ).show(); + $( row.node() ).addClass( 'parent' ); + + return true; + } + else { + row.child( false ); + $( row.node() ).removeClass( 'parent' ); + + return false; + } + } + }, + + childRowImmediate: function ( row, update, render ) { + if ( (! update && row.child.isShown()) || ! row.responsive.hasHidden() ) { + // User interaction and the row is show, or nothing to show + row.child( false ); + $( row.node() ).removeClass( 'parent' ); + + return false; + } + else { + // Display + row.child( render(), 'child' ).show(); + $( row.node() ).addClass( 'parent' ); + + return true; + } + }, + + // This is a wrapper so the modal options for Bootstrap and jQuery UI can + // have options passed into them. This specific one doesn't need to be a + // function but it is for consistency in the `modal` name + modal: function ( options ) { + return function ( row, update, render ) { + if ( ! update ) { + // Show a modal + var close = function () { + modal.remove(); // will tidy events for us + $(document).off( 'keypress.dtr' ); + }; + + var modal = $('<div class="dtr-modal"/>') + .append( $('<div class="dtr-modal-display"/>') + .append( $('<div class="dtr-modal-content"/>') + .append( render() ) + ) + .append( $('<div class="dtr-modal-close">×</div>' ) + .click( function () { + close(); + } ) + ) + ) + .append( $('<div class="dtr-modal-background"/>') + .click( function () { + close(); + } ) + ) + .appendTo( 'body' ); + + $(document).on( 'keyup.dtr', function (e) { + if ( e.keyCode === 27 ) { + e.stopPropagation(); + + close(); + } + } ); + } + else { + $('div.dtr-modal-content') + .empty() + .append( render() ); + } + + if ( options && options.header ) { + $('div.dtr-modal-content').prepend( + '<h2>'+options.header( row )+'</h2>' + ); + } + }; + } +}; + + +/** + * Display methods - functions which define how the hidden data should be shown + * in the table. + * + * @namespace + * @name Responsive.defaults + * @static + */ +Responsive.renderer = { + listHiddenNodes: function () { + return function ( api, rowIdx, columns ) { + var that = this; + var ul = $('<ul data-dtr-index="'+rowIdx+'" class="dtr-details"/>'); + var found = false; + + var data = $.each( columns, function ( i, col ) { + if ( col.hidden ) { + var klass = col.className ? + 'class="'+ col.className +'"' : + ''; + + $( + '<li '+klass+' data-dtr-index="'+col.columnIndex+'" data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+ + '<span class="dtr-title">'+ + col.title+ + '</span> '+ + '</li>' + ) + .append( $('<span class="dtr-data"/>').append( that._childNodes( api, col.rowIndex, col.columnIndex ) ) )// api.cell( col.rowIndex, col.columnIndex ).node().childNodes ) ) + .appendTo( ul ); + + found = true; + } + } ); + + return found ? + ul : + false; + }; + }, + + listHidden: function () { + return function ( api, rowIdx, columns ) { + var data = $.map( columns, function ( col ) { + var klass = col.className ? + 'class="'+ col.className +'"' : + ''; + + return col.hidden ? + '<li '+klass+' data-dtr-index="'+col.columnIndex+'" data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+ + '<span class="dtr-title">'+ + col.title+ + '</span> '+ + '<span class="dtr-data">'+ + col.data+ + '</span>'+ + '</li>' : + ''; + } ).join(''); + + return data ? + $('<ul data-dtr-index="'+rowIdx+'" class="dtr-details"/>').append( data ) : + false; + } + }, + + tableAll: function ( options ) { + options = $.extend( { + tableClass: '' + }, options ); + + return function ( api, rowIdx, columns ) { + var data = $.map( columns, function ( col ) { + var klass = col.className ? + 'class="'+ col.className +'"' : + ''; + + return '<tr '+klass+' data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+ + '<td>'+col.title+':'+'</td> '+ + '<td>'+col.data+'</td>'+ + '</tr>'; + } ).join(''); + + return $('<table class="'+options.tableClass+' dtr-details" width="100%"/>').append( data ); + } + } +}; + +/** + * Responsive default settings for initialisation + * + * @namespace + * @name Responsive.defaults + * @static + */ +Responsive.defaults = { + /** + * List of breakpoints for the instance. Note that this means that each + * instance can have its own breakpoints. Additionally, the breakpoints + * cannot be changed once an instance has been creased. + * + * @type {Array} + * @default Takes the value of `Responsive.breakpoints` + */ + breakpoints: Responsive.breakpoints, + + /** + * Enable / disable auto hiding calculations. It can help to increase + * performance slightly if you disable this option, but all columns would + * need to have breakpoint classes assigned to them + * + * @type {Boolean} + * @default `true` + */ + auto: true, + + /** + * Details control. If given as a string value, the `type` property of the + * default object is set to that value, and the defaults used for the rest + * of the object - this is for ease of implementation. + * + * The object consists of the following properties: + * + * * `display` - A function that is used to show and hide the hidden details + * * `renderer` - function that is called for display of the child row data. + * The default function will show the data from the hidden columns + * * `target` - Used as the selector for what objects to attach the child + * open / close to + * * `type` - `false` to disable the details display, `inline` or `column` + * for the two control types + * + * @type {Object|string} + */ + details: { + display: Responsive.display.childRow, + + renderer: Responsive.renderer.listHidden(), + + target: 0, + + type: 'inline' + }, + + /** + * Orthogonal data request option. This is used to define the data type + * requested when Responsive gets the data to show in the child row. + * + * @type {String} + */ + orthogonal: 'display' +}; + + +/* + * API + */ +var Api = $.fn.dataTable.Api; + +// Doesn't do anything - work around for a bug in DT... Not documented +Api.register( 'responsive()', function () { + return this; +} ); + +Api.register( 'responsive.index()', function ( li ) { + li = $(li); + + return { + column: li.data('dtr-index'), + row: li.parent().data('dtr-index') + }; +} ); + +Api.register( 'responsive.rebuild()', function () { + return this.iterator( 'table', function ( ctx ) { + if ( ctx._responsive ) { + ctx._responsive._classLogic(); + } + } ); +} ); + +Api.register( 'responsive.recalc()', function () { + return this.iterator( 'table', function ( ctx ) { + if ( ctx._responsive ) { + ctx._responsive._resizeAuto(); + ctx._responsive._resize(); + } + } ); +} ); + +Api.register( 'responsive.hasHidden()', function () { + var ctx = this.context[0]; + + return ctx._responsive ? + $.inArray( false, ctx._responsive._responsiveOnlyHidden() ) !== -1 : + false; +} ); + +Api.registerPlural( 'columns().responsiveHidden()', 'column().responsiveHidden()', function () { + return this.iterator( 'column', function ( settings, column ) { + return settings._responsive ? + settings._responsive._responsiveOnlyHidden()[ column ] : + false; + }, 1 ); +} ); + + +/** + * Version information + * + * @name Responsive.version + * @static + */ +Responsive.version = '2.4.1'; + + +$.fn.dataTable.Responsive = Responsive; +$.fn.DataTable.Responsive = Responsive; + +// Attach a listener to the document which listens for DataTables initialisation +// events so we can automatically initialise +$(document).on( 'preInit.dt.dtr', function (e, settings, json) { + if ( e.namespace !== 'dt' ) { + return; + } + + if ( $(settings.nTable).hasClass( 'responsive' ) || + $(settings.nTable).hasClass( 'dt-responsive' ) || + settings.oInit.responsive || + DataTable.defaults.responsive + ) { + var init = settings.oInit.responsive; + + if ( init !== false ) { + new Responsive( settings, $.isPlainObject( init ) ? init : {} ); + } + } +} ); + + +return DataTable; +})); diff --git a/node_modules/Responsive-2.4.1/js/dataTables.responsive.min.js b/node_modules/Responsive-2.4.1/js/dataTables.responsive.min.js new file mode 100644 index 0000000000000000000000000000000000000000..18cbfc3ac53f65f8f38b724c5a6e3c9c4f6b8aff --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/dataTables.responsive.min.js @@ -0,0 +1,4 @@ +/*! Responsive 2.4.1 + * © SpryMedia Ltd - datatables.net/license + */ +!function(n){var i,r;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(e){return n(e,window,document)}):"object"==typeof exports?(i=require("jquery"),r=function(e,t){t.fn.dataTable||require("datatables.net")(e,t)},"undefined"!=typeof window?module.exports=function(e,t){return e=e||window,t=t||i(e),r(e,t),n(t,e,e.document)}:(r(window,i),module.exports=n(i,window,window.document))):n(jQuery,window,document)}(function(f,m,o,h){"use strict";function d(e,t){if(!r.versionCheck||!r.versionCheck("1.10.10"))throw"DataTables Responsive requires DataTables 1.10.10 or newer";this.s={childNodeStore:{},columns:[],current:[],dt:new r.Api(e)},this.s.dt.settings()[0].responsive||(t&&"string"==typeof t.details?t.details={type:t.details}:t&&!1===t.details?t.details={type:!1}:t&&!0===t.details&&(t.details={type:"inline"}),this.c=f.extend(!0,{},d.defaults,r.defaults.responsive,t),(e.responsive=this)._constructor())}var r=f.fn.dataTable,e=(f.extend(d.prototype,{_constructor:function(){var s=this,i=this.s.dt,e=i.settings()[0],t=f(m).innerWidth(),e=(i.settings()[0]._responsive=this,f(m).on("resize.dtr orientationchange.dtr",r.util.throttle(function(){var e=f(m).innerWidth();e!==t&&(s._resize(),t=e)})),e.oApi._fnCallbackReg(e,"aoRowCreatedCallback",function(e,t,n){-1!==f.inArray(!1,s.s.current)&&f(">td, >th",e).each(function(e){e=i.column.index("toData",e);!1===s.s.current[e]&&f(this).css("display","none")})}),i.on("destroy.dtr",function(){i.off(".dtr"),f(i.table().body()).off(".dtr"),f(m).off("resize.dtr orientationchange.dtr"),i.cells(".dtr-control").nodes().to$().removeClass("dtr-control"),f.each(s.s.current,function(e,t){!1===t&&s._setColumnVis(e,!0)})}),this.c.breakpoints.sort(function(e,t){return e.width<t.width?1:e.width>t.width?-1:0}),this._classLogic(),this._resizeAuto(),this.c.details);!1!==e.type&&(s._detailsInit(),i.on("column-visibility.dtr",function(){s._timer&&clearTimeout(s._timer),s._timer=setTimeout(function(){s._timer=null,s._classLogic(),s._resizeAuto(),s._resize(!0),s._redrawChildren()},100)}),i.on("draw.dtr",function(){s._redrawChildren()}),f(i.table().node()).addClass("dtr-"+e.type)),i.on("column-reorder.dtr",function(e,t,n){s._classLogic(),s._resizeAuto(),s._resize(!0)}),i.on("column-sizing.dtr",function(){s._resizeAuto(),s._resize()}),i.on("column-calc.dt",function(e,t){for(var n=s.s.current,i=0;i<n.length;i++){var r=t.visible.indexOf(i);!1===n[i]&&0<=r&&t.visible.splice(r,1)}}),i.on("preXhr.dtr",function(){var e=[];i.rows().every(function(){this.child.isShown()&&e.push(this.id(!0))}),i.one("draw.dtr",function(){s._resizeAuto(),s._resize(),i.rows(e).every(function(){s._detailsDisplay(this,!1)})})}),i.on("draw.dtr",function(){s._controlClass()}).on("init.dtr",function(e,t,n){"dt"===e.namespace&&(s._resizeAuto(),s._resize(),f.inArray(!1,s.s.current))&&i.columns.adjust()}),this._resize()},_childNodes:function(e,t,n){var i=t+"-"+n;if(this.s.childNodeStore[i])return this.s.childNodeStore[i];for(var r=[],s=e.cell(t,n).node().childNodes,o=0,d=s.length;o<d;o++)r.push(s[o]);return this.s.childNodeStore[i]=r},_childNodesRestore:function(e,t,n){var i=t+"-"+n;if(this.s.childNodeStore[i]){for(var r=e.cell(t,n).node(),s=this.s.childNodeStore[i][0].parentNode.childNodes,o=[],d=0,a=s.length;d<a;d++)o.push(s[d]);for(var l=0,c=o.length;l<c;l++)r.appendChild(o[l]);this.s.childNodeStore[i]=h}},_columnsVisiblity:function(n){for(var i=this.s.dt,e=this.s.columns,t=e.map(function(e,t){return{columnIdx:t,priority:e.priority}}).sort(function(e,t){return e.priority!==t.priority?e.priority-t.priority:e.columnIdx-t.columnIdx}),r=f.map(e,function(e,t){return!1===i.column(t).visible()?"not-visible":(!e.auto||null!==e.minWidth)&&(!0===e.auto?"-":-1!==f.inArray(n,e.includeIn))}),s=0,o=0,d=r.length;o<d;o++)!0===r[o]&&(s+=e[o].minWidth);var a=i.settings()[0].oScroll,a=a.sY||a.sX?a.iBarWidth:0,l=i.table().container().offsetWidth-a-s;for(o=0,d=r.length;o<d;o++)e[o].control&&(l-=e[o].minWidth);var c=!1;for(o=0,d=t.length;o<d;o++){var u=t[o].columnIdx;"-"===r[u]&&!e[u].control&&e[u].minWidth&&(c||l-e[u].minWidth<0?r[u]=!(c=!0):r[u]=!0,l-=e[u].minWidth)}var h=!1;for(o=0,d=e.length;o<d;o++)if(!e[o].control&&!e[o].never&&!1===r[o]){h=!0;break}for(o=0,d=e.length;o<d;o++)e[o].control&&(r[o]=h),"not-visible"===r[o]&&(r[o]=!1);return-1===f.inArray(!0,r)&&(r[0]=!0),r},_classLogic:function(){function d(e,t,n,i){var r,s,o;if(n){if("max-"===n)for(r=a._find(t).width,s=0,o=l.length;s<o;s++)l[s].width<=r&&u(e,l[s].name);else if("min-"===n)for(r=a._find(t).width,s=0,o=l.length;s<o;s++)l[s].width>=r&&u(e,l[s].name);else if("not-"===n)for(s=0,o=l.length;s<o;s++)-1===l[s].name.indexOf(i)&&u(e,l[s].name)}else c[e].includeIn.push(t)}var a=this,l=this.c.breakpoints,i=this.s.dt,c=i.columns().eq(0).map(function(e){var t=this.column(e),n=t.header().className,e=i.settings()[0].aoColumns[e].responsivePriority,t=t.header().getAttribute("data-priority");return e===h&&(e=t===h||null===t?1e4:+t),{className:n,includeIn:[],auto:!1,control:!1,never:!!n.match(/\b(dtr\-)?never\b/),priority:e}}),u=function(e,t){e=c[e].includeIn;-1===f.inArray(t,e)&&e.push(t)};c.each(function(e,r){for(var t=e.className.split(" "),s=!1,n=0,i=t.length;n<i;n++){var o=t[n].trim();if("all"===o||"dtr-all"===o)return s=!0,void(e.includeIn=f.map(l,function(e){return e.name}));if("none"===o||"dtr-none"===o||e.never)return void(s=!0);if("control"===o||"dtr-control"===o)return s=!0,void(e.control=!0);f.each(l,function(e,t){var n=t.name.split("-"),i=new RegExp("(min\\-|max\\-|not\\-)?("+n[0]+")(\\-[_a-zA-Z0-9])?"),i=o.match(i);i&&(s=!0,i[2]===n[0]&&i[3]==="-"+n[1]?d(r,t.name,i[1],i[2]+i[3]):i[2]!==n[0]||i[3]||d(r,t.name,i[1],i[2]))})}s||(e.auto=!0)}),this.s.columns=c},_controlClass:function(){var e,t,n;"inline"===this.c.details.type&&(e=this.s.dt,t=this.s.current,n=f.inArray(!0,t),e.cells(null,function(e){return e!==n},{page:"current"}).nodes().to$().filter(".dtr-control").removeClass("dtr-control"),e.cells(null,n,{page:"current"}).nodes().to$().addClass("dtr-control"))},_detailsDisplay:function(e,t){var n,i=this,r=this.s.dt,s=this.c.details;s&&!1!==s.type&&(n="string"==typeof s.renderer?d.renderer[s.renderer]():s.renderer,!0!==(s=s.display(e,t,function(){return n.call(i,r,e[0],i._detailsObj(e[0]))}))&&!1!==s||f(r.table().node()).triggerHandler("responsive-display.dt",[r,e,s,t]))},_detailsInit:function(){var n=this,i=this.s.dt,e=this.c.details,r=("inline"===e.type&&(e.target="td.dtr-control, th.dtr-control"),i.on("draw.dtr",function(){n._tabIndexes()}),n._tabIndexes(),f(i.table().body()).on("keyup.dtr","td, th",function(e){13===e.keyCode&&f(this).data("dtr-keyboard")&&f(this).click()}),e.target),e="string"==typeof r?r:"td, th";r===h&&null===r||f(i.table().body()).on("click.dtr mousedown.dtr mouseup.dtr",e,function(e){if(f(i.table().node()).hasClass("collapsed")&&-1!==f.inArray(f(this).closest("tr").get(0),i.rows().nodes().toArray())){if("number"==typeof r){var t=r<0?i.columns().eq(0).length+r:r;if(i.cell(this).index().column!==t)return}t=i.row(f(this).closest("tr"));"click"===e.type?n._detailsDisplay(t,!1):"mousedown"===e.type?f(this).css("outline","none"):"mouseup"===e.type&&f(this).trigger("blur").css("outline","")}})},_detailsObj:function(n){var i=this,r=this.s.dt;return f.map(this.s.columns,function(e,t){if(!e.never&&!e.control)return{className:(e=r.settings()[0].aoColumns[t]).sClass,columnIndex:t,data:r.cell(n,t).render(i.c.orthogonal),hidden:r.column(t).visible()&&!i.s.current[t],rowIndex:n,title:null!==e.sTitle?e.sTitle:f(r.column(t).header()).text()}})},_find:function(e){for(var t=this.c.breakpoints,n=0,i=t.length;n<i;n++)if(t[n].name===e)return t[n]},_redrawChildren:function(){var n=this,i=this.s.dt;i.rows({page:"current"}).iterator("row",function(e,t){i.row(t);n._detailsDisplay(i.row(t),!0)})},_resize:function(n){for(var e,i=this,t=this.s.dt,r=f(m).innerWidth(),s=this.c.breakpoints,o=s[0].name,d=this.s.columns,a=this.s.current.slice(),l=s.length-1;0<=l;l--)if(r<=s[l].width){o=s[l].name;break}var c=this._columnsVisiblity(o),u=(this.s.current=c,!1);for(l=0,e=d.length;l<e;l++)if(!1===c[l]&&!d[l].never&&!d[l].control&&!1==!t.column(l).visible()){u=!0;break}f(t.table().node()).toggleClass("collapsed",u);var h=!1,p=0;t.columns().eq(0).each(function(e,t){!0===c[t]&&p++,!n&&c[t]===a[t]||(h=!0,i._setColumnVis(e,c[t]))}),this._redrawChildren(),h&&(f(t.table().node()).trigger("responsive-resize.dt",[t,this.s.current]),0===t.page.info().recordsDisplay)&&f("td",t.table().body()).eq(0).attr("colspan",p),i._controlClass()},_resizeAuto:function(){var e,t,n,i,r,s=this.s.dt,o=this.s.columns,d=this;this.c.auto&&-1!==f.inArray(!0,f.map(o,function(e){return e.auto}))&&(f.isEmptyObject(this.s.childNodeStore)||f.each(this.s.childNodeStore,function(e){e=e.split("-");d._childNodesRestore(s,+e[0],+e[1])}),s.table().node().offsetWidth,s.columns,e=s.table().node().cloneNode(!1),t=f(s.table().header().cloneNode(!1)).appendTo(e),i=f(s.table().body()).clone(!1,!1).empty().appendTo(e),e.style.width="auto",n=s.columns().header().filter(function(e){return s.column(e).visible()}).to$().clone(!1).css("display","table-cell").css("width","auto").css("min-width",0),f(i).append(f(s.rows({page:"current"}).nodes()).clone(!1)).find("th, td").css("display",""),(i=s.table().footer())&&(i=f(i.cloneNode(!1)).appendTo(e),r=s.columns().footer().filter(function(e){return s.column(e).visible()}).to$().clone(!1).css("display","table-cell"),f("<tr/>").append(r).appendTo(i)),f("<tr/>").append(n).appendTo(t),"inline"===this.c.details.type&&f(e).addClass("dtr-inline collapsed"),f(e).find("[name]").removeAttr("name"),f(e).css("position","relative"),(r=f("<div/>").css({width:1,height:1,overflow:"hidden",clear:"both"}).append(e)).insertBefore(s.table().node()),n.each(function(e){e=s.column.index("fromVisible",e);o[e].minWidth=this.offsetWidth||0}),r.remove())},_responsiveOnlyHidden:function(){var n=this.s.dt;return f.map(this.s.current,function(e,t){return!1===n.column(t).visible()||e})},_setColumnVis:function(e,t){var n=this,i=this.s.dt,r=t?"":"none";f(i.column(e).header()).css("display",r).toggleClass("dtr-hidden",!t),f(i.column(e).footer()).css("display",r).toggleClass("dtr-hidden",!t),i.column(e).nodes().to$().css("display",r).toggleClass("dtr-hidden",!t),f.isEmptyObject(this.s.childNodeStore)||i.cells(null,e).indexes().each(function(e){n._childNodesRestore(i,e.row,e.column)})},_tabIndexes:function(){var e=this.s.dt,t=e.cells({page:"current"}).nodes().to$(),n=e.settings()[0],i=this.c.details.target;t.filter("[data-dtr-keyboard]").removeData("[data-dtr-keyboard]"),("number"==typeof i?e.cells(null,i,{page:"current"}).nodes().to$():f(i="td:first-child, th:first-child"===i?">td:first-child, >th:first-child":i,e.rows({page:"current"}).nodes())).attr("tabIndex",n.iTabIndex).data("dtr-keyboard",1)}}),d.defaults={breakpoints:d.breakpoints=[{name:"desktop",width:1/0},{name:"tablet-l",width:1024},{name:"tablet-p",width:768},{name:"mobile-l",width:480},{name:"mobile-p",width:320}],auto:!0,details:{display:(d.display={childRow:function(e,t,n){return t?f(e.node()).hasClass("parent")?(e.child(n(),"child").show(),!0):void 0:e.child.isShown()?(e.child(!1),f(e.node()).removeClass("parent"),!1):(e.child(n(),"child").show(),f(e.node()).addClass("parent"),!0)},childRowImmediate:function(e,t,n){return!t&&e.child.isShown()||!e.responsive.hasHidden()?(e.child(!1),f(e.node()).removeClass("parent"),!1):(e.child(n(),"child").show(),f(e.node()).addClass("parent"),!0)},modal:function(s){return function(e,t,n){var i,r;t?f("div.dtr-modal-content").empty().append(n()):(i=function(){r.remove(),f(o).off("keypress.dtr")},r=f('<div class="dtr-modal"/>').append(f('<div class="dtr-modal-display"/>').append(f('<div class="dtr-modal-content"/>').append(n())).append(f('<div class="dtr-modal-close">×</div>').click(function(){i()}))).append(f('<div class="dtr-modal-background"/>').click(function(){i()})).appendTo("body"),f(o).on("keyup.dtr",function(e){27===e.keyCode&&(e.stopPropagation(),i())})),s&&s.header&&f("div.dtr-modal-content").prepend("<h2>"+s.header(e)+"</h2>")}}}).childRow,renderer:(d.renderer={listHiddenNodes:function(){return function(i,e,t){var r=this,s=f('<ul data-dtr-index="'+e+'" class="dtr-details"/>'),o=!1;f.each(t,function(e,t){var n;t.hidden&&(n=t.className?'class="'+t.className+'"':"",f("<li "+n+' data-dtr-index="'+t.columnIndex+'" data-dt-row="'+t.rowIndex+'" data-dt-column="'+t.columnIndex+'"><span class="dtr-title">'+t.title+"</span> </li>").append(f('<span class="dtr-data"/>').append(r._childNodes(i,t.rowIndex,t.columnIndex))).appendTo(s),o=!0)});return!!o&&s}},listHidden:function(){return function(e,t,n){n=f.map(n,function(e){var t=e.className?'class="'+e.className+'"':"";return e.hidden?"<li "+t+' data-dtr-index="'+e.columnIndex+'" data-dt-row="'+e.rowIndex+'" data-dt-column="'+e.columnIndex+'"><span class="dtr-title">'+e.title+'</span> <span class="dtr-data">'+e.data+"</span></li>":""}).join("");return!!n&&f('<ul data-dtr-index="'+t+'" class="dtr-details"/>').append(n)}},tableAll:function(i){return i=f.extend({tableClass:""},i),function(e,t,n){n=f.map(n,function(e){return"<tr "+(e.className?'class="'+e.className+'"':"")+' data-dt-row="'+e.rowIndex+'" data-dt-column="'+e.columnIndex+'"><td>'+e.title+":</td> <td>"+e.data+"</td></tr>"}).join("");return f('<table class="'+i.tableClass+' dtr-details" width="100%"/>').append(n)}}}).listHidden(),target:0,type:"inline"},orthogonal:"display"},f.fn.dataTable.Api);return e.register("responsive()",function(){return this}),e.register("responsive.index()",function(e){return{column:(e=f(e)).data("dtr-index"),row:e.parent().data("dtr-index")}}),e.register("responsive.rebuild()",function(){return this.iterator("table",function(e){e._responsive&&e._responsive._classLogic()})}),e.register("responsive.recalc()",function(){return this.iterator("table",function(e){e._responsive&&(e._responsive._resizeAuto(),e._responsive._resize())})}),e.register("responsive.hasHidden()",function(){var e=this.context[0];return!!e._responsive&&-1!==f.inArray(!1,e._responsive._responsiveOnlyHidden())}),e.registerPlural("columns().responsiveHidden()","column().responsiveHidden()",function(){return this.iterator("column",function(e,t){return!!e._responsive&&e._responsive._responsiveOnlyHidden()[t]},1)}),d.version="2.4.1",f.fn.dataTable.Responsive=d,f.fn.DataTable.Responsive=d,f(o).on("preInit.dt.dtr",function(e,t,n){"dt"===e.namespace&&(f(t.nTable).hasClass("responsive")||f(t.nTable).hasClass("dt-responsive")||t.oInit.responsive||r.defaults.responsive)&&!1!==(e=t.oInit.responsive)&&new d(t,f.isPlainObject(e)?e:{})}),r}); \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/dataTables.responsive.min.mjs b/node_modules/Responsive-2.4.1/js/dataTables.responsive.min.mjs new file mode 100644 index 0000000000000000000000000000000000000000..c17834d4f6e955cdd1782f758f8f901021fb63ae --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/dataTables.responsive.min.mjs @@ -0,0 +1,4 @@ +/*! Responsive 2.4.1 + * © SpryMedia Ltd - datatables.net/license + */ +import $ from"jquery";import DataTable from"datatables.net";var Responsive=function(e,t){if(!DataTable.versionCheck||!DataTable.versionCheck("1.10.10"))throw"DataTables Responsive requires DataTables 1.10.10 or newer";this.s={childNodeStore:{},columns:[],current:[],dt:new DataTable.Api(e)},this.s.dt.settings()[0].responsive||(t&&"string"==typeof t.details?t.details={type:t.details}:t&&!1===t.details?t.details={type:!1}:t&&!0===t.details&&(t.details={type:"inline"}),this.c=$.extend(!0,{},Responsive.defaults,DataTable.defaults.responsive,t),(e.responsive=this)._constructor())},Api=($.extend(Responsive.prototype,{_constructor:function(){var r=this,i=this.s.dt,e=i.settings()[0],t=$(window).innerWidth(),e=(i.settings()[0]._responsive=this,$(window).on("resize.dtr orientationchange.dtr",DataTable.util.throttle(function(){var e=$(window).innerWidth();e!==t&&(r._resize(),t=e)})),e.oApi._fnCallbackReg(e,"aoRowCreatedCallback",function(e,t,n){-1!==$.inArray(!1,r.s.current)&&$(">td, >th",e).each(function(e){e=i.column.index("toData",e);!1===r.s.current[e]&&$(this).css("display","none")})}),i.on("destroy.dtr",function(){i.off(".dtr"),$(i.table().body()).off(".dtr"),$(window).off("resize.dtr orientationchange.dtr"),i.cells(".dtr-control").nodes().to$().removeClass("dtr-control"),$.each(r.s.current,function(e,t){!1===t&&r._setColumnVis(e,!0)})}),this.c.breakpoints.sort(function(e,t){return e.width<t.width?1:e.width>t.width?-1:0}),this._classLogic(),this._resizeAuto(),this.c.details);!1!==e.type&&(r._detailsInit(),i.on("column-visibility.dtr",function(){r._timer&&clearTimeout(r._timer),r._timer=setTimeout(function(){r._timer=null,r._classLogic(),r._resizeAuto(),r._resize(!0),r._redrawChildren()},100)}),i.on("draw.dtr",function(){r._redrawChildren()}),$(i.table().node()).addClass("dtr-"+e.type)),i.on("column-reorder.dtr",function(e,t,n){r._classLogic(),r._resizeAuto(),r._resize(!0)}),i.on("column-sizing.dtr",function(){r._resizeAuto(),r._resize()}),i.on("column-calc.dt",function(e,t){for(var n=r.s.current,i=0;i<n.length;i++){var s=t.visible.indexOf(i);!1===n[i]&&0<=s&&t.visible.splice(s,1)}}),i.on("preXhr.dtr",function(){var e=[];i.rows().every(function(){this.child.isShown()&&e.push(this.id(!0))}),i.one("draw.dtr",function(){r._resizeAuto(),r._resize(),i.rows(e).every(function(){r._detailsDisplay(this,!1)})})}),i.on("draw.dtr",function(){r._controlClass()}).on("init.dtr",function(e,t,n){"dt"===e.namespace&&(r._resizeAuto(),r._resize(),$.inArray(!1,r.s.current))&&i.columns.adjust()}),this._resize()},_childNodes:function(e,t,n){var i=t+"-"+n;if(this.s.childNodeStore[i])return this.s.childNodeStore[i];for(var s=[],r=e.cell(t,n).node().childNodes,o=0,d=r.length;o<d;o++)s.push(r[o]);return this.s.childNodeStore[i]=s},_childNodesRestore:function(e,t,n){var i=t+"-"+n;if(this.s.childNodeStore[i]){for(var s=e.cell(t,n).node(),r=this.s.childNodeStore[i][0].parentNode.childNodes,o=[],d=0,a=r.length;d<a;d++)o.push(r[d]);for(var l=0,c=o.length;l<c;l++)s.appendChild(o[l]);this.s.childNodeStore[i]=void 0}},_columnsVisiblity:function(n){for(var i=this.s.dt,e=this.s.columns,t=e.map(function(e,t){return{columnIdx:t,priority:e.priority}}).sort(function(e,t){return e.priority!==t.priority?e.priority-t.priority:e.columnIdx-t.columnIdx}),s=$.map(e,function(e,t){return!1===i.column(t).visible()?"not-visible":(!e.auto||null!==e.minWidth)&&(!0===e.auto?"-":-1!==$.inArray(n,e.includeIn))}),r=0,o=0,d=s.length;o<d;o++)!0===s[o]&&(r+=e[o].minWidth);var a=i.settings()[0].oScroll,a=a.sY||a.sX?a.iBarWidth:0,l=i.table().container().offsetWidth-a-r;for(o=0,d=s.length;o<d;o++)e[o].control&&(l-=e[o].minWidth);var c=!1;for(o=0,d=t.length;o<d;o++){var u=t[o].columnIdx;"-"===s[u]&&!e[u].control&&e[u].minWidth&&(c||l-e[u].minWidth<0?s[u]=!(c=!0):s[u]=!0,l-=e[u].minWidth)}var h=!1;for(o=0,d=e.length;o<d;o++)if(!e[o].control&&!e[o].never&&!1===s[o]){h=!0;break}for(o=0,d=e.length;o<d;o++)e[o].control&&(s[o]=h),"not-visible"===s[o]&&(s[o]=!1);return-1===$.inArray(!0,s)&&(s[0]=!0),s},_classLogic:function(){function d(e,t,n,i){var s,r,o;if(n){if("max-"===n)for(s=a._find(t).width,r=0,o=l.length;r<o;r++)l[r].width<=s&&u(e,l[r].name);else if("min-"===n)for(s=a._find(t).width,r=0,o=l.length;r<o;r++)l[r].width>=s&&u(e,l[r].name);else if("not-"===n)for(r=0,o=l.length;r<o;r++)-1===l[r].name.indexOf(i)&&u(e,l[r].name)}else c[e].includeIn.push(t)}var a=this,l=this.c.breakpoints,i=this.s.dt,c=i.columns().eq(0).map(function(e){var t=this.column(e),n=t.header().className,e=i.settings()[0].aoColumns[e].responsivePriority,t=t.header().getAttribute("data-priority");return void 0===e&&(e=null==t?1e4:+t),{className:n,includeIn:[],auto:!1,control:!1,never:!!n.match(/\b(dtr\-)?never\b/),priority:e}}),u=function(e,t){e=c[e].includeIn;-1===$.inArray(t,e)&&e.push(t)};c.each(function(e,s){for(var t=e.className.split(" "),r=!1,n=0,i=t.length;n<i;n++){var o=t[n].trim();if("all"===o||"dtr-all"===o)return r=!0,void(e.includeIn=$.map(l,function(e){return e.name}));if("none"===o||"dtr-none"===o||e.never)return void(r=!0);if("control"===o||"dtr-control"===o)return r=!0,void(e.control=!0);$.each(l,function(e,t){var n=t.name.split("-"),i=new RegExp("(min\\-|max\\-|not\\-)?("+n[0]+")(\\-[_a-zA-Z0-9])?"),i=o.match(i);i&&(r=!0,i[2]===n[0]&&i[3]==="-"+n[1]?d(s,t.name,i[1],i[2]+i[3]):i[2]!==n[0]||i[3]||d(s,t.name,i[1],i[2]))})}r||(e.auto=!0)}),this.s.columns=c},_controlClass:function(){var e,t,n;"inline"===this.c.details.type&&(e=this.s.dt,t=this.s.current,n=$.inArray(!0,t),e.cells(null,function(e){return e!==n},{page:"current"}).nodes().to$().filter(".dtr-control").removeClass("dtr-control"),e.cells(null,n,{page:"current"}).nodes().to$().addClass("dtr-control"))},_detailsDisplay:function(e,t){var n,i=this,s=this.s.dt,r=this.c.details;r&&!1!==r.type&&(n="string"==typeof r.renderer?Responsive.renderer[r.renderer]():r.renderer,!0!==(r=r.display(e,t,function(){return n.call(i,s,e[0],i._detailsObj(e[0]))}))&&!1!==r||$(s.table().node()).triggerHandler("responsive-display.dt",[s,e,r,t]))},_detailsInit:function(){var n=this,i=this.s.dt,e=this.c.details,s=("inline"===e.type&&(e.target="td.dtr-control, th.dtr-control"),i.on("draw.dtr",function(){n._tabIndexes()}),n._tabIndexes(),$(i.table().body()).on("keyup.dtr","td, th",function(e){13===e.keyCode&&$(this).data("dtr-keyboard")&&$(this).click()}),e.target),e="string"==typeof s?s:"td, th";void 0===s&&null===s||$(i.table().body()).on("click.dtr mousedown.dtr mouseup.dtr",e,function(e){if($(i.table().node()).hasClass("collapsed")&&-1!==$.inArray($(this).closest("tr").get(0),i.rows().nodes().toArray())){if("number"==typeof s){var t=s<0?i.columns().eq(0).length+s:s;if(i.cell(this).index().column!==t)return}t=i.row($(this).closest("tr"));"click"===e.type?n._detailsDisplay(t,!1):"mousedown"===e.type?$(this).css("outline","none"):"mouseup"===e.type&&$(this).trigger("blur").css("outline","")}})},_detailsObj:function(n){var i=this,s=this.s.dt;return $.map(this.s.columns,function(e,t){if(!e.never&&!e.control)return{className:(e=s.settings()[0].aoColumns[t]).sClass,columnIndex:t,data:s.cell(n,t).render(i.c.orthogonal),hidden:s.column(t).visible()&&!i.s.current[t],rowIndex:n,title:null!==e.sTitle?e.sTitle:$(s.column(t).header()).text()}})},_find:function(e){for(var t=this.c.breakpoints,n=0,i=t.length;n<i;n++)if(t[n].name===e)return t[n]},_redrawChildren:function(){var n=this,i=this.s.dt;i.rows({page:"current"}).iterator("row",function(e,t){i.row(t);n._detailsDisplay(i.row(t),!0)})},_resize:function(n){for(var e,i=this,t=this.s.dt,s=$(window).innerWidth(),r=this.c.breakpoints,o=r[0].name,d=this.s.columns,a=this.s.current.slice(),l=r.length-1;0<=l;l--)if(s<=r[l].width){o=r[l].name;break}var c=this._columnsVisiblity(o),u=(this.s.current=c,!1);for(l=0,e=d.length;l<e;l++)if(!1===c[l]&&!d[l].never&&!d[l].control&&!1==!t.column(l).visible()){u=!0;break}$(t.table().node()).toggleClass("collapsed",u);var h=!1,p=0;t.columns().eq(0).each(function(e,t){!0===c[t]&&p++,!n&&c[t]===a[t]||(h=!0,i._setColumnVis(e,c[t]))}),this._redrawChildren(),h&&($(t.table().node()).trigger("responsive-resize.dt",[t,this.s.current]),0===t.page.info().recordsDisplay)&&$("td",t.table().body()).eq(0).attr("colspan",p),i._controlClass()},_resizeAuto:function(){var e,t,n,i,s,r=this.s.dt,o=this.s.columns,d=this;this.c.auto&&-1!==$.inArray(!0,$.map(o,function(e){return e.auto}))&&($.isEmptyObject(this.s.childNodeStore)||$.each(this.s.childNodeStore,function(e){e=e.split("-");d._childNodesRestore(r,+e[0],+e[1])}),r.table().node().offsetWidth,r.columns,e=r.table().node().cloneNode(!1),t=$(r.table().header().cloneNode(!1)).appendTo(e),i=$(r.table().body()).clone(!1,!1).empty().appendTo(e),e.style.width="auto",n=r.columns().header().filter(function(e){return r.column(e).visible()}).to$().clone(!1).css("display","table-cell").css("width","auto").css("min-width",0),$(i).append($(r.rows({page:"current"}).nodes()).clone(!1)).find("th, td").css("display",""),(i=r.table().footer())&&(i=$(i.cloneNode(!1)).appendTo(e),s=r.columns().footer().filter(function(e){return r.column(e).visible()}).to$().clone(!1).css("display","table-cell"),$("<tr/>").append(s).appendTo(i)),$("<tr/>").append(n).appendTo(t),"inline"===this.c.details.type&&$(e).addClass("dtr-inline collapsed"),$(e).find("[name]").removeAttr("name"),$(e).css("position","relative"),(s=$("<div/>").css({width:1,height:1,overflow:"hidden",clear:"both"}).append(e)).insertBefore(r.table().node()),n.each(function(e){e=r.column.index("fromVisible",e);o[e].minWidth=this.offsetWidth||0}),s.remove())},_responsiveOnlyHidden:function(){var n=this.s.dt;return $.map(this.s.current,function(e,t){return!1===n.column(t).visible()||e})},_setColumnVis:function(e,t){var n=this,i=this.s.dt,s=t?"":"none";$(i.column(e).header()).css("display",s).toggleClass("dtr-hidden",!t),$(i.column(e).footer()).css("display",s).toggleClass("dtr-hidden",!t),i.column(e).nodes().to$().css("display",s).toggleClass("dtr-hidden",!t),$.isEmptyObject(this.s.childNodeStore)||i.cells(null,e).indexes().each(function(e){n._childNodesRestore(i,e.row,e.column)})},_tabIndexes:function(){var e=this.s.dt,t=e.cells({page:"current"}).nodes().to$(),n=e.settings()[0],i=this.c.details.target;t.filter("[data-dtr-keyboard]").removeData("[data-dtr-keyboard]"),("number"==typeof i?e.cells(null,i,{page:"current"}).nodes().to$():$(i="td:first-child, th:first-child"===i?">td:first-child, >th:first-child":i,e.rows({page:"current"}).nodes())).attr("tabIndex",n.iTabIndex).data("dtr-keyboard",1)}}),Responsive.breakpoints=[{name:"desktop",width:1/0},{name:"tablet-l",width:1024},{name:"tablet-p",width:768},{name:"mobile-l",width:480},{name:"mobile-p",width:320}],Responsive.display={childRow:function(e,t,n){return t?$(e.node()).hasClass("parent")?(e.child(n(),"child").show(),!0):void 0:e.child.isShown()?(e.child(!1),$(e.node()).removeClass("parent"),!1):(e.child(n(),"child").show(),$(e.node()).addClass("parent"),!0)},childRowImmediate:function(e,t,n){return!t&&e.child.isShown()||!e.responsive.hasHidden()?(e.child(!1),$(e.node()).removeClass("parent"),!1):(e.child(n(),"child").show(),$(e.node()).addClass("parent"),!0)},modal:function(r){return function(e,t,n){var i,s;t?$("div.dtr-modal-content").empty().append(n()):(i=function(){s.remove(),$(document).off("keypress.dtr")},s=$('<div class="dtr-modal"/>').append($('<div class="dtr-modal-display"/>').append($('<div class="dtr-modal-content"/>').append(n())).append($('<div class="dtr-modal-close">×</div>').click(function(){i()}))).append($('<div class="dtr-modal-background"/>').click(function(){i()})).appendTo("body"),$(document).on("keyup.dtr",function(e){27===e.keyCode&&(e.stopPropagation(),i())})),r&&r.header&&$("div.dtr-modal-content").prepend("<h2>"+r.header(e)+"</h2>")}}},Responsive.renderer={listHiddenNodes:function(){return function(i,e,t){var s=this,r=$('<ul data-dtr-index="'+e+'" class="dtr-details"/>'),o=!1;$.each(t,function(e,t){var n;t.hidden&&(n=t.className?'class="'+t.className+'"':"",$("<li "+n+' data-dtr-index="'+t.columnIndex+'" data-dt-row="'+t.rowIndex+'" data-dt-column="'+t.columnIndex+'"><span class="dtr-title">'+t.title+"</span> </li>").append($('<span class="dtr-data"/>').append(s._childNodes(i,t.rowIndex,t.columnIndex))).appendTo(r),o=!0)});return!!o&&r}},listHidden:function(){return function(e,t,n){n=$.map(n,function(e){var t=e.className?'class="'+e.className+'"':"";return e.hidden?"<li "+t+' data-dtr-index="'+e.columnIndex+'" data-dt-row="'+e.rowIndex+'" data-dt-column="'+e.columnIndex+'"><span class="dtr-title">'+e.title+'</span> <span class="dtr-data">'+e.data+"</span></li>":""}).join("");return!!n&&$('<ul data-dtr-index="'+t+'" class="dtr-details"/>').append(n)}},tableAll:function(i){return i=$.extend({tableClass:""},i),function(e,t,n){n=$.map(n,function(e){return"<tr "+(e.className?'class="'+e.className+'"':"")+' data-dt-row="'+e.rowIndex+'" data-dt-column="'+e.columnIndex+'"><td>'+e.title+":</td> <td>"+e.data+"</td></tr>"}).join("");return $('<table class="'+i.tableClass+' dtr-details" width="100%"/>').append(n)}}},Responsive.defaults={breakpoints:Responsive.breakpoints,auto:!0,details:{display:Responsive.display.childRow,renderer:Responsive.renderer.listHidden(),target:0,type:"inline"},orthogonal:"display"},$.fn.dataTable.Api);Api.register("responsive()",function(){return this}),Api.register("responsive.index()",function(e){return{column:(e=$(e)).data("dtr-index"),row:e.parent().data("dtr-index")}}),Api.register("responsive.rebuild()",function(){return this.iterator("table",function(e){e._responsive&&e._responsive._classLogic()})}),Api.register("responsive.recalc()",function(){return this.iterator("table",function(e){e._responsive&&(e._responsive._resizeAuto(),e._responsive._resize())})}),Api.register("responsive.hasHidden()",function(){var e=this.context[0];return!!e._responsive&&-1!==$.inArray(!1,e._responsive._responsiveOnlyHidden())}),Api.registerPlural("columns().responsiveHidden()","column().responsiveHidden()",function(){return this.iterator("column",function(e,t){return!!e._responsive&&e._responsive._responsiveOnlyHidden()[t]},1)}),Responsive.version="2.4.1",$.fn.dataTable.Responsive=Responsive,$.fn.DataTable.Responsive=Responsive,$(document).on("preInit.dt.dtr",function(e,t,n){"dt"===e.namespace&&($(t.nTable).hasClass("responsive")||$(t.nTable).hasClass("dt-responsive")||t.oInit.responsive||DataTable.defaults.responsive)&&!1!==(e=t.oInit.responsive)&&new Responsive(t,$.isPlainObject(e)?e:{})});export default DataTable; \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/dataTables.responsive.mjs b/node_modules/Responsive-2.4.1/js/dataTables.responsive.mjs new file mode 100644 index 0000000000000000000000000000000000000000..551cd05dc6a9c5158399ba67077c11bb05d6ebc6 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/dataTables.responsive.mjs @@ -0,0 +1,1489 @@ +/*! Responsive 2.4.1 + * © SpryMedia Ltd - datatables.net/license + */ + +import $ from 'jquery'; +import DataTable from 'datatables.net'; + + +/** + * @summary Responsive + * @description Responsive tables plug-in for DataTables + * @version 2.4.1 + * @author SpryMedia Ltd (www.sprymedia.co.uk) + * @contact www.sprymedia.co.uk/contact + * @copyright 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 + */ + +/** + * Responsive is a plug-in for the DataTables library that makes use of + * DataTables' ability to change the visibility of columns, changing the + * visibility of columns so the displayed columns fit into the table container. + * The end result is that complex tables will be dynamically adjusted to fit + * into the viewport, be it on a desktop, tablet or mobile browser. + * + * Responsive for DataTables has two modes of operation, which can used + * individually or combined: + * + * * Class name based control - columns assigned class names that match the + * breakpoint logic can be shown / hidden as required for each breakpoint. + * * Automatic control - columns are automatically hidden when there is no + * room left to display them. Columns removed from the right. + * + * In additional to column visibility control, Responsive also has built into + * options to use DataTables' child row display to show / hide the information + * from the table that has been hidden. There are also two modes of operation + * for this child row display: + * + * * Inline - when the control element that the user can use to show / hide + * child rows is displayed inside the first column of the table. + * * Column - where a whole column is dedicated to be the show / hide control. + * + * Initialisation of Responsive is performed by: + * + * * Adding the class `responsive` or `dt-responsive` to the table. In this case + * Responsive will automatically be initialised with the default configuration + * options when the DataTable is created. + * * Using the `responsive` option in the DataTables configuration options. This + * can also be used to specify the configuration options, or simply set to + * `true` to use the defaults. + * + * @class + * @param {object} settings DataTables settings object for the host table + * @param {object} [opts] Configuration options + * @requires jQuery 1.7+ + * @requires DataTables 1.10.3+ + * + * @example + * $('#example').DataTable( { + * responsive: true + * } ); + * } ); + */ +var Responsive = function ( settings, opts ) { + // Sanity check that we are using DataTables 1.10 or newer + if ( ! DataTable.versionCheck || ! DataTable.versionCheck( '1.10.10' ) ) { + throw 'DataTables Responsive requires DataTables 1.10.10 or newer'; + } + + this.s = { + childNodeStore: {}, + columns: [], + current: [], + dt: new DataTable.Api( settings ) + }; + + // Check if responsive has already been initialised on this table + if ( this.s.dt.settings()[0].responsive ) { + return; + } + + // details is an object, but for simplicity the user can give it as a string + // or a boolean + if ( opts && typeof opts.details === 'string' ) { + opts.details = { type: opts.details }; + } + else if ( opts && opts.details === false ) { + opts.details = { type: false }; + } + else if ( opts && opts.details === true ) { + opts.details = { type: 'inline' }; + } + + this.c = $.extend( true, {}, Responsive.defaults, DataTable.defaults.responsive, opts ); + settings.responsive = this; + this._constructor(); +}; + +$.extend( Responsive.prototype, { + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Constructor + */ + + /** + * Initialise the Responsive instance + * + * @private + */ + _constructor: function () + { + var that = this; + var dt = this.s.dt; + var dtPrivateSettings = dt.settings()[0]; + var oldWindowWidth = $(window).innerWidth(); + + dt.settings()[0]._responsive = this; + + // Use DataTables' throttle function to avoid processor thrashing on + // resize + $(window).on( 'resize.dtr orientationchange.dtr', DataTable.util.throttle( function () { + // iOS has a bug whereby resize can fire when only scrolling + // See: http://stackoverflow.com/questions/8898412 + var width = $(window).innerWidth(); + + if ( width !== oldWindowWidth ) { + that._resize(); + oldWindowWidth = width; + } + } ) ); + + // DataTables doesn't currently trigger an event when a row is added, so + // we need to hook into its private API to enforce the hidden rows when + // new data is added + dtPrivateSettings.oApi._fnCallbackReg( dtPrivateSettings, 'aoRowCreatedCallback', function (tr, data, idx) { + if ( $.inArray( false, that.s.current ) !== -1 ) { + $('>td, >th', tr).each( function ( i ) { + var idx = dt.column.index( 'toData', i ); + + if ( that.s.current[idx] === false ) { + $(this).css('display', 'none'); + } + } ); + } + } ); + + // Destroy event handler + dt.on( 'destroy.dtr', function () { + dt.off( '.dtr' ); + $( dt.table().body() ).off( '.dtr' ); + $(window).off( 'resize.dtr orientationchange.dtr' ); + dt.cells('.dtr-control').nodes().to$().removeClass('dtr-control'); + + // Restore the columns that we've hidden + $.each( that.s.current, function ( i, val ) { + if ( val === false ) { + that._setColumnVis( i, true ); + } + } ); + } ); + + // Reorder the breakpoints array here in case they have been added out + // of order + this.c.breakpoints.sort( function (a, b) { + return a.width < b.width ? 1 : + a.width > b.width ? -1 : 0; + } ); + + this._classLogic(); + this._resizeAuto(); + + // Details handler + var details = this.c.details; + + if ( details.type !== false ) { + that._detailsInit(); + + // DataTables will trigger this event on every column it shows and + // hides individually + dt.on( 'column-visibility.dtr', function () { + // Use a small debounce to allow multiple columns to be set together + if ( that._timer ) { + clearTimeout( that._timer ); + } + + that._timer = setTimeout( function () { + that._timer = null; + + that._classLogic(); + that._resizeAuto(); + that._resize(true); + + that._redrawChildren(); + }, 100 ); + } ); + + // Redraw the details box on each draw which will happen if the data + // has changed. This is used until DataTables implements a native + // `updated` event for rows + dt.on( 'draw.dtr', function () { + that._redrawChildren(); + } ); + + $(dt.table().node()).addClass( 'dtr-'+details.type ); + } + + dt.on( 'column-reorder.dtr', function (e, settings, details) { + that._classLogic(); + that._resizeAuto(); + that._resize(true); + } ); + + // Change in column sizes means we need to calc + dt.on( 'column-sizing.dtr', function () { + that._resizeAuto(); + that._resize(); + }); + + // DT2 let's us tell it if we are hiding columns + dt.on( 'column-calc.dt', function (e, d) { + var curr = that.s.current; + + for (var i=0 ; i<curr.length ; i++) { + var idx = d.visible.indexOf(i); + + if (curr[i] === false && idx >= 0) { + d.visible.splice(idx, 1); + } + } + } ); + + // On Ajax reload we want to reopen any child rows which are displayed + // by responsive + dt.on( 'preXhr.dtr', function () { + var rowIds = []; + dt.rows().every( function () { + if ( this.child.isShown() ) { + rowIds.push( this.id(true) ); + } + } ); + + dt.one( 'draw.dtr', function () { + that._resizeAuto(); + that._resize(); + + dt.rows( rowIds ).every( function () { + that._detailsDisplay( this, false ); + } ); + } ); + }); + + dt + .on( 'draw.dtr', function () { + that._controlClass(); + }) + .on( 'init.dtr', function (e, settings, details) { + if ( e.namespace !== 'dt' ) { + return; + } + + that._resizeAuto(); + that._resize(); + + // If columns were hidden, then DataTables needs to adjust the + // column sizing + if ( $.inArray( false, that.s.current ) ) { + dt.columns.adjust(); + } + } ); + + // First pass - draw the table for the current viewport size + this._resize(); + }, + + + /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Private methods + */ + + /** + * Get and store nodes from a cell - use for node moving renderers + * + * @param {*} dt DT instance + * @param {*} row Row index + * @param {*} col Column index + */ + _childNodes: function( dt, row, col ) { + var name = row+'-'+col; + + if ( this.s.childNodeStore[ name ] ) { + return this.s.childNodeStore[ name ]; + } + + // https://jsperf.com/childnodes-array-slice-vs-loop + var nodes = []; + var children = dt.cell( row, col ).node().childNodes; + for ( var i=0, ien=children.length ; i<ien ; i++ ) { + nodes.push( children[i] ); + } + + this.s.childNodeStore[ name ] = nodes; + + return nodes; + }, + + /** + * Restore nodes from the cache to a table cell + * + * @param {*} dt DT instance + * @param {*} row Row index + * @param {*} col Column index + */ + _childNodesRestore: function( dt, row, col ) { + var name = row+'-'+col; + + if ( ! this.s.childNodeStore[ name ] ) { + return; + } + + var node = dt.cell( row, col ).node(); + var store = this.s.childNodeStore[ name ]; + var parent = store[0].parentNode; + var parentChildren = parent.childNodes; + var a = []; + + for ( var i=0, ien=parentChildren.length ; i<ien ; i++ ) { + a.push( parentChildren[i] ); + } + + for ( var j=0, jen=a.length ; j<jen ; j++ ) { + node.appendChild( a[j] ); + } + + this.s.childNodeStore[ name ] = undefined; + }, + + /** + * Calculate the visibility for the columns in a table for a given + * breakpoint. The result is pre-determined based on the class logic if + * class names are used to control all columns, but the width of the table + * is also used if there are columns which are to be automatically shown + * and hidden. + * + * @param {string} breakpoint Breakpoint name to use for the calculation + * @return {array} Array of boolean values initiating the visibility of each + * column. + * @private + */ + _columnsVisiblity: function ( breakpoint ) + { + var dt = this.s.dt; + var columns = this.s.columns; + var i, ien; + + // Create an array that defines the column ordering based first on the + // column's priority, and secondly the column index. This allows the + // columns to be removed from the right if the priority matches + var order = columns + .map( function ( col, idx ) { + return { + columnIdx: idx, + priority: col.priority + }; + } ) + .sort( function ( a, b ) { + if ( a.priority !== b.priority ) { + return a.priority - b.priority; + } + return a.columnIdx - b.columnIdx; + } ); + + // Class logic - determine which columns are in this breakpoint based + // on the classes. If no class control (i.e. `auto`) then `-` is used + // to indicate this to the rest of the function + var display = $.map( columns, function ( col, i ) { + if ( dt.column(i).visible() === false ) { + return 'not-visible'; + } + return col.auto && col.minWidth === null ? + false : + col.auto === true ? + '-' : + $.inArray( breakpoint, col.includeIn ) !== -1; + } ); + + // Auto column control - first pass: how much width is taken by the + // ones that must be included from the non-auto columns + var requiredWidth = 0; + for ( i=0, ien=display.length ; i<ien ; i++ ) { + if ( display[i] === true ) { + requiredWidth += columns[i].minWidth; + } + } + + // Second pass, use up any remaining width for other columns. For + // scrolling tables we need to subtract the width of the scrollbar. It + // may not be requires which makes this sub-optimal, but it would + // require another full redraw to make complete use of those extra few + // pixels + var scrolling = dt.settings()[0].oScroll; + var bar = scrolling.sY || scrolling.sX ? scrolling.iBarWidth : 0; + var widthAvailable = dt.table().container().offsetWidth - bar; + var usedWidth = widthAvailable - requiredWidth; + + // Control column needs to always be included. This makes it sub- + // optimal in terms of using the available with, but to stop layout + // thrashing or overflow. Also we need to account for the control column + // width first so we know how much width is available for the other + // columns, since the control column might not be the first one shown + for ( i=0, ien=display.length ; i<ien ; i++ ) { + if ( columns[i].control ) { + usedWidth -= columns[i].minWidth; + } + } + + // Allow columns to be shown (counting by priority and then right to + // left) until we run out of room + var empty = false; + for ( i=0, ien=order.length ; i<ien ; i++ ) { + var colIdx = order[i].columnIdx; + + if ( display[colIdx] === '-' && ! columns[colIdx].control && columns[colIdx].minWidth ) { + // Once we've found a column that won't fit we don't let any + // others display either, or columns might disappear in the + // middle of the table + if ( empty || usedWidth - columns[colIdx].minWidth < 0 ) { + empty = true; + display[colIdx] = false; + } + else { + display[colIdx] = true; + } + + usedWidth -= columns[colIdx].minWidth; + } + } + + // Determine if the 'control' column should be shown (if there is one). + // This is the case when there is a hidden column (that is not the + // control column). The two loops look inefficient here, but they are + // trivial and will fly through. We need to know the outcome from the + // first , before the action in the second can be taken + var showControl = false; + + for ( i=0, ien=columns.length ; i<ien ; i++ ) { + if ( ! columns[i].control && ! columns[i].never && display[i] === false ) { + showControl = true; + break; + } + } + + for ( i=0, ien=columns.length ; i<ien ; i++ ) { + if ( columns[i].control ) { + display[i] = showControl; + } + + // Replace not visible string with false from the control column detection above + if ( display[i] === 'not-visible' ) { + display[i] = false; + } + } + + // Finally we need to make sure that there is at least one column that + // is visible + if ( $.inArray( true, display ) === -1 ) { + display[0] = true; + } + + return display; + }, + + + /** + * Create the internal `columns` array with information about the columns + * for the table. This includes determining which breakpoints the column + * will appear in, based upon class names in the column, which makes up the + * vast majority of this method. + * + * @private + */ + _classLogic: function () + { + var that = this; + var calc = {}; + var breakpoints = this.c.breakpoints; + var dt = this.s.dt; + var columns = dt.columns().eq(0).map( function (i) { + var column = this.column(i); + var className = column.header().className; + var priority = dt.settings()[0].aoColumns[i].responsivePriority; + var dataPriority = column.header().getAttribute('data-priority'); + + if ( priority === undefined ) { + priority = dataPriority === undefined || dataPriority === null? + 10000 : + dataPriority * 1; + } + + return { + className: className, + includeIn: [], + auto: false, + control: false, + never: className.match(/\b(dtr\-)?never\b/) ? true : false, + priority: priority + }; + } ); + + // Simply add a breakpoint to `includeIn` array, ensuring that there are + // no duplicates + var add = function ( colIdx, name ) { + var includeIn = columns[ colIdx ].includeIn; + + if ( $.inArray( name, includeIn ) === -1 ) { + includeIn.push( name ); + } + }; + + var column = function ( colIdx, name, operator, matched ) { + var size, i, ien; + + if ( ! operator ) { + columns[ colIdx ].includeIn.push( name ); + } + else if ( operator === 'max-' ) { + // Add this breakpoint and all smaller + size = that._find( name ).width; + + for ( i=0, ien=breakpoints.length ; i<ien ; i++ ) { + if ( breakpoints[i].width <= size ) { + add( colIdx, breakpoints[i].name ); + } + } + } + else if ( operator === 'min-' ) { + // Add this breakpoint and all larger + size = that._find( name ).width; + + for ( i=0, ien=breakpoints.length ; i<ien ; i++ ) { + if ( breakpoints[i].width >= size ) { + add( colIdx, breakpoints[i].name ); + } + } + } + else if ( operator === 'not-' ) { + // Add all but this breakpoint + for ( i=0, ien=breakpoints.length ; i<ien ; i++ ) { + if ( breakpoints[i].name.indexOf( matched ) === -1 ) { + add( colIdx, breakpoints[i].name ); + } + } + } + }; + + // Loop over each column and determine if it has a responsive control + // class + columns.each( function ( col, i ) { + var classNames = col.className.split(' '); + var hasClass = false; + + // Split the class name up so multiple rules can be applied if needed + for ( var k=0, ken=classNames.length ; k<ken ; k++ ) { + var className = classNames[k].trim(); + + if ( className === 'all' || className === 'dtr-all' ) { + // Include in all + hasClass = true; + col.includeIn = $.map( breakpoints, function (a) { + return a.name; + } ); + return; + } + else if ( className === 'none' || className === 'dtr-none' || col.never ) { + // Include in none (default) and no auto + hasClass = true; + return; + } + else if ( className === 'control' || className === 'dtr-control' ) { + // Special column that is only visible, when one of the other + // columns is hidden. This is used for the details control + hasClass = true; + col.control = true; + return; + } + + $.each( breakpoints, function ( j, breakpoint ) { + // Does this column have a class that matches this breakpoint? + var brokenPoint = breakpoint.name.split('-'); + var re = new RegExp( '(min\\-|max\\-|not\\-)?('+brokenPoint[0]+')(\\-[_a-zA-Z0-9])?' ); + var match = className.match( re ); + + if ( match ) { + hasClass = true; + + if ( match[2] === brokenPoint[0] && match[3] === '-'+brokenPoint[1] ) { + // Class name matches breakpoint name fully + column( i, breakpoint.name, match[1], match[2]+match[3] ); + } + else if ( match[2] === brokenPoint[0] && ! match[3] ) { + // Class name matched primary breakpoint name with no qualifier + column( i, breakpoint.name, match[1], match[2] ); + } + } + } ); + } + + // If there was no control class, then automatic sizing is used + if ( ! hasClass ) { + col.auto = true; + } + } ); + + this.s.columns = columns; + }, + + /** + * Update the cells to show the correct control class / button + * @private + */ + _controlClass: function () + { + if ( this.c.details.type === 'inline' ) { + var dt = this.s.dt; + var columnsVis = this.s.current; + var firstVisible = $.inArray(true, columnsVis); + + // Remove from any cells which shouldn't have it + dt.cells( + null, + function(idx) { + return idx !== firstVisible; + }, + {page: 'current'} + ) + .nodes() + .to$() + .filter('.dtr-control') + .removeClass('dtr-control'); + + dt.cells(null, firstVisible, {page: 'current'}) + .nodes() + .to$() + .addClass('dtr-control'); + } + }, + + /** + * Show the details for the child row + * + * @param {DataTables.Api} row API instance for the row + * @param {boolean} update Update flag + * @private + */ + _detailsDisplay: function ( row, update ) + { + var that = this; + var dt = this.s.dt; + var details = this.c.details; + + if ( details && details.type !== false ) { + var renderer = typeof details.renderer === 'string' + ? Responsive.renderer[details.renderer]() + : details.renderer; + + var res = details.display( row, update, function () { + return renderer.call( + that, dt, row[0], that._detailsObj(row[0]) + ); + } ); + + if ( res === true || res === false ) { + $(dt.table().node()).triggerHandler( 'responsive-display.dt', [dt, row, res, update] ); + } + } + }, + + + /** + * Initialisation for the details handler + * + * @private + */ + _detailsInit: function () + { + var that = this; + var dt = this.s.dt; + var details = this.c.details; + + // The inline type always uses the first child as the target + if ( details.type === 'inline' ) { + details.target = 'td.dtr-control, th.dtr-control'; + } + + // Keyboard accessibility + dt.on( 'draw.dtr', function () { + that._tabIndexes(); + } ); + that._tabIndexes(); // Initial draw has already happened + + $( dt.table().body() ).on( 'keyup.dtr', 'td, th', function (e) { + if ( e.keyCode === 13 && $(this).data('dtr-keyboard') ) { + $(this).click(); + } + } ); + + // type.target can be a string jQuery selector or a column index + var target = details.target; + var selector = typeof target === 'string' ? target : 'td, th'; + + if ( target !== undefined || target !== null ) { + // Click handler to show / hide the details rows when they are available + $( dt.table().body() ) + .on( 'click.dtr mousedown.dtr mouseup.dtr', selector, function (e) { + // If the table is not collapsed (i.e. there is no hidden columns) + // then take no action + if ( ! $(dt.table().node()).hasClass('collapsed' ) ) { + return; + } + + // Check that the row is actually a DataTable's controlled node + if ( $.inArray( $(this).closest('tr').get(0), dt.rows().nodes().toArray() ) === -1 ) { + return; + } + + // For column index, we determine if we should act or not in the + // handler - otherwise it is already okay + if ( typeof target === 'number' ) { + var targetIdx = target < 0 ? + dt.columns().eq(0).length + target : + target; + + if ( dt.cell( this ).index().column !== targetIdx ) { + return; + } + } + + // $().closest() includes itself in its check + var row = dt.row( $(this).closest('tr') ); + + // Check event type to do an action + if ( e.type === 'click' ) { + // The renderer is given as a function so the caller can execute it + // only when they need (i.e. if hiding there is no point is running + // the renderer) + that._detailsDisplay( row, false ); + } + else if ( e.type === 'mousedown' ) { + // For mouse users, prevent the focus ring from showing + $(this).css('outline', 'none'); + } + else if ( e.type === 'mouseup' ) { + // And then re-allow at the end of the click + $(this).trigger('blur').css('outline', ''); + } + } ); + } + }, + + + /** + * Get the details to pass to a renderer for a row + * @param {int} rowIdx Row index + * @private + */ + _detailsObj: function ( rowIdx ) + { + var that = this; + var dt = this.s.dt; + + return $.map( this.s.columns, function( col, i ) { + // Never and control columns should not be passed to the renderer + if ( col.never || col.control ) { + return; + } + + var dtCol = dt.settings()[0].aoColumns[ i ]; + + return { + className: dtCol.sClass, + columnIndex: i, + data: dt.cell( rowIdx, i ).render( that.c.orthogonal ), + hidden: dt.column( i ).visible() && !that.s.current[ i ], + rowIndex: rowIdx, + title: dtCol.sTitle !== null ? + dtCol.sTitle : + $(dt.column(i).header()).text() + }; + } ); + }, + + + /** + * Find a breakpoint object from a name + * + * @param {string} name Breakpoint name to find + * @return {object} Breakpoint description object + * @private + */ + _find: function ( name ) + { + var breakpoints = this.c.breakpoints; + + for ( var i=0, ien=breakpoints.length ; i<ien ; i++ ) { + if ( breakpoints[i].name === name ) { + return breakpoints[i]; + } + } + }, + + + /** + * Re-create the contents of the child rows as the display has changed in + * some way. + * + * @private + */ + _redrawChildren: function () + { + var that = this; + var dt = this.s.dt; + + dt.rows( {page: 'current'} ).iterator( 'row', function ( settings, idx ) { + var row = dt.row( idx ); + + that._detailsDisplay( dt.row( idx ), true ); + } ); + }, + + + /** + * Alter the table display for a resized viewport. This involves first + * determining what breakpoint the window currently is in, getting the + * column visibilities to apply and then setting them. + * + * @param {boolean} forceRedraw Force a redraw + * @private + */ + _resize: function (forceRedraw) + { + var that = this; + var dt = this.s.dt; + var width = $(window).innerWidth(); + var breakpoints = this.c.breakpoints; + var breakpoint = breakpoints[0].name; + var columns = this.s.columns; + var i, ien; + var oldVis = this.s.current.slice(); + + // Determine what breakpoint we are currently at + for ( i=breakpoints.length-1 ; i>=0 ; i-- ) { + if ( width <= breakpoints[i].width ) { + breakpoint = breakpoints[i].name; + break; + } + } + + // Show the columns for that break point + var columnsVis = this._columnsVisiblity( breakpoint ); + this.s.current = columnsVis; + + // Set the class before the column visibility is changed so event + // listeners know what the state is. Need to determine if there are + // any columns that are not visible but can be shown + var collapsedClass = false; + + for ( i=0, ien=columns.length ; i<ien ; i++ ) { + if ( columnsVis[i] === false && ! columns[i].never && ! columns[i].control && ! dt.column(i).visible() === false ) { + collapsedClass = true; + break; + } + } + + $( dt.table().node() ).toggleClass( 'collapsed', collapsedClass ); + + var changed = false; + var visible = 0; + + dt.columns().eq(0).each( function ( colIdx, i ) { + if ( columnsVis[i] === true ) { + visible++; + } + + if ( forceRedraw || columnsVis[i] !== oldVis[i] ) { + changed = true; + that._setColumnVis( colIdx, columnsVis[i] ); + } + } ); + + // Always need to update the display, regardless of if it has changed or not, so nodes + // can be re-inserted for listHiddenNodes + this._redrawChildren(); + + if ( changed ) { + // Inform listeners of the change + $(dt.table().node()).trigger( 'responsive-resize.dt', [dt, this.s.current] ); + + // If no records, update the "No records" display element + if ( dt.page.info().recordsDisplay === 0 ) { + $('td', dt.table().body()).eq(0).attr('colspan', visible); + } + } + + that._controlClass(); + }, + + + /** + * Determine the width of each column in the table so the auto column hiding + * has that information to work with. This method is never going to be 100% + * perfect since column widths can change slightly per page, but without + * seriously compromising performance this is quite effective. + * + * @private + */ + _resizeAuto: function () + { + var dt = this.s.dt; + var columns = this.s.columns; + var that = this; + + // Are we allowed to do auto sizing? + if ( ! this.c.auto ) { + return; + } + + // Are there any columns that actually need auto-sizing, or do they all + // have classes defined + if ( $.inArray( true, $.map( columns, function (c) { return c.auto; } ) ) === -1 ) { + return; + } + + // Need to restore all children. They will be reinstated by a re-render + if ( ! $.isEmptyObject( this.s.childNodeStore ) ) { + $.each( this.s.childNodeStore, function ( key ) { + var idx = key.split('-'); + + that._childNodesRestore( dt, idx[0]*1, idx[1]*1 ); + } ); + } + + // Clone the table with the current data in it + var tableWidth = dt.table().node().offsetWidth; + var columnWidths = dt.columns; + var clonedTable = dt.table().node().cloneNode( false ); + var clonedHeader = $( dt.table().header().cloneNode( false ) ).appendTo( clonedTable ); + var clonedBody = $( dt.table().body() ).clone( false, false ).empty().appendTo( clonedTable ); // use jQuery because of IE8 + + clonedTable.style.width = 'auto'; + + // Header + var headerCells = dt.columns() + .header() + .filter( function (idx) { + return dt.column(idx).visible(); + } ) + .to$() + .clone( false ) + .css( 'display', 'table-cell' ) + .css( 'width', 'auto' ) + .css( 'min-width', 0 ); + + // Body rows - we don't need to take account of DataTables' column + // visibility since we implement our own here (hence the `display` set) + $(clonedBody) + .append( $(dt.rows( { page: 'current' } ).nodes()).clone( false ) ) + .find( 'th, td' ).css( 'display', '' ); + + // Footer + var footer = dt.table().footer(); + if ( footer ) { + var clonedFooter = $( footer.cloneNode( false ) ).appendTo( clonedTable ); + var footerCells = dt.columns() + .footer() + .filter( function (idx) { + return dt.column(idx).visible(); + } ) + .to$() + .clone( false ) + .css( 'display', 'table-cell' ); + + $('<tr/>') + .append( footerCells ) + .appendTo( clonedFooter ); + } + + $('<tr/>') + .append( headerCells ) + .appendTo( clonedHeader ); + + // In the inline case extra padding is applied to the first column to + // give space for the show / hide icon. We need to use this in the + // calculation + if ( this.c.details.type === 'inline' ) { + $(clonedTable).addClass( 'dtr-inline collapsed' ); + } + + // It is unsafe to insert elements with the same name into the DOM + // multiple times. For example, cloning and inserting a checked radio + // clears the chcecked state of the original radio. + $( clonedTable ).find( '[name]' ).removeAttr( 'name' ); + + // A position absolute table would take the table out of the flow of + // our container element, bypassing the height and width (Scroller) + $( clonedTable ).css( 'position', 'relative' ) + + var inserted = $('<div/>') + .css( { + width: 1, + height: 1, + overflow: 'hidden', + clear: 'both' + } ) + .append( clonedTable ); + + inserted.insertBefore( dt.table().node() ); + + // The cloned header now contains the smallest that each column can be + headerCells.each( function (i) { + var idx = dt.column.index( 'fromVisible', i ); + columns[ idx ].minWidth = this.offsetWidth || 0; + } ); + + inserted.remove(); + }, + + /** + * Get the state of the current hidden columns - controlled by Responsive only + */ + _responsiveOnlyHidden: function () + { + var dt = this.s.dt; + + return $.map( this.s.current, function (v, i) { + // If the column is hidden by DataTables then it can't be hidden by + // Responsive! + if ( dt.column(i).visible() === false ) { + return true; + } + return v; + } ); + }, + + /** + * Set a column's visibility. + * + * We don't use DataTables' column visibility controls in order to ensure + * that column visibility can Responsive can no-exist. Since only IE8+ is + * supported (and all evergreen browsers of course) the control of the + * display attribute works well. + * + * @param {integer} col Column index + * @param {boolean} showHide Show or hide (true or false) + * @private + */ + _setColumnVis: function ( col, showHide ) + { + var that = this; + var dt = this.s.dt; + var display = showHide ? '' : 'none'; // empty string will remove the attr + + $( dt.column( col ).header() ) + .css( 'display', display ) + .toggleClass('dtr-hidden', !showHide); + + $( dt.column( col ).footer() ) + .css( 'display', display ) + .toggleClass('dtr-hidden', !showHide); + + dt.column( col ).nodes().to$() + .css( 'display', display ) + .toggleClass('dtr-hidden', !showHide); + + // If the are child nodes stored, we might need to reinsert them + if ( ! $.isEmptyObject( this.s.childNodeStore ) ) { + dt.cells( null, col ).indexes().each( function (idx) { + that._childNodesRestore( dt, idx.row, idx.column ); + } ); + } + }, + + + /** + * Update the cell tab indexes for keyboard accessibility. This is called on + * every table draw - that is potentially inefficient, but also the least + * complex option given that column visibility can change on the fly. Its a + * shame user-focus was removed from CSS 3 UI, as it would have solved this + * issue with a single CSS statement. + * + * @private + */ + _tabIndexes: function () + { + var dt = this.s.dt; + var cells = dt.cells( { page: 'current' } ).nodes().to$(); + var ctx = dt.settings()[0]; + var target = this.c.details.target; + + cells.filter( '[data-dtr-keyboard]' ).removeData( '[data-dtr-keyboard]' ); + + if ( typeof target === 'number' ) { + dt.cells( null, target, { page: 'current' } ).nodes().to$() + .attr( 'tabIndex', ctx.iTabIndex ) + .data( 'dtr-keyboard', 1 ); + } + else { + // This is a bit of a hack - we need to limit the selected nodes to just + // those of this table + if ( target === 'td:first-child, th:first-child' ) { + target = '>td:first-child, >th:first-child'; + } + + $( target, dt.rows( { page: 'current' } ).nodes() ) + .attr( 'tabIndex', ctx.iTabIndex ) + .data( 'dtr-keyboard', 1 ); + } + } +} ); + + +/** + * List of default breakpoints. Each item in the array is an object with two + * properties: + * + * * `name` - the breakpoint name. + * * `width` - the breakpoint width + * + * @name Responsive.breakpoints + * @static + */ +Responsive.breakpoints = [ + { name: 'desktop', width: Infinity }, + { name: 'tablet-l', width: 1024 }, + { name: 'tablet-p', width: 768 }, + { name: 'mobile-l', width: 480 }, + { name: 'mobile-p', width: 320 } +]; + + +/** + * Display methods - functions which define how the hidden data should be shown + * in the table. + * + * @namespace + * @name Responsive.defaults + * @static + */ +Responsive.display = { + childRow: function ( row, update, render ) { + if ( update ) { + if ( $(row.node()).hasClass('parent') ) { + row.child( render(), 'child' ).show(); + + return true; + } + } + else { + if ( ! row.child.isShown() ) { + row.child( render(), 'child' ).show(); + $( row.node() ).addClass( 'parent' ); + + return true; + } + else { + row.child( false ); + $( row.node() ).removeClass( 'parent' ); + + return false; + } + } + }, + + childRowImmediate: function ( row, update, render ) { + if ( (! update && row.child.isShown()) || ! row.responsive.hasHidden() ) { + // User interaction and the row is show, or nothing to show + row.child( false ); + $( row.node() ).removeClass( 'parent' ); + + return false; + } + else { + // Display + row.child( render(), 'child' ).show(); + $( row.node() ).addClass( 'parent' ); + + return true; + } + }, + + // This is a wrapper so the modal options for Bootstrap and jQuery UI can + // have options passed into them. This specific one doesn't need to be a + // function but it is for consistency in the `modal` name + modal: function ( options ) { + return function ( row, update, render ) { + if ( ! update ) { + // Show a modal + var close = function () { + modal.remove(); // will tidy events for us + $(document).off( 'keypress.dtr' ); + }; + + var modal = $('<div class="dtr-modal"/>') + .append( $('<div class="dtr-modal-display"/>') + .append( $('<div class="dtr-modal-content"/>') + .append( render() ) + ) + .append( $('<div class="dtr-modal-close">×</div>' ) + .click( function () { + close(); + } ) + ) + ) + .append( $('<div class="dtr-modal-background"/>') + .click( function () { + close(); + } ) + ) + .appendTo( 'body' ); + + $(document).on( 'keyup.dtr', function (e) { + if ( e.keyCode === 27 ) { + e.stopPropagation(); + + close(); + } + } ); + } + else { + $('div.dtr-modal-content') + .empty() + .append( render() ); + } + + if ( options && options.header ) { + $('div.dtr-modal-content').prepend( + '<h2>'+options.header( row )+'</h2>' + ); + } + }; + } +}; + + +/** + * Display methods - functions which define how the hidden data should be shown + * in the table. + * + * @namespace + * @name Responsive.defaults + * @static + */ +Responsive.renderer = { + listHiddenNodes: function () { + return function ( api, rowIdx, columns ) { + var that = this; + var ul = $('<ul data-dtr-index="'+rowIdx+'" class="dtr-details"/>'); + var found = false; + + var data = $.each( columns, function ( i, col ) { + if ( col.hidden ) { + var klass = col.className ? + 'class="'+ col.className +'"' : + ''; + + $( + '<li '+klass+' data-dtr-index="'+col.columnIndex+'" data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+ + '<span class="dtr-title">'+ + col.title+ + '</span> '+ + '</li>' + ) + .append( $('<span class="dtr-data"/>').append( that._childNodes( api, col.rowIndex, col.columnIndex ) ) )// api.cell( col.rowIndex, col.columnIndex ).node().childNodes ) ) + .appendTo( ul ); + + found = true; + } + } ); + + return found ? + ul : + false; + }; + }, + + listHidden: function () { + return function ( api, rowIdx, columns ) { + var data = $.map( columns, function ( col ) { + var klass = col.className ? + 'class="'+ col.className +'"' : + ''; + + return col.hidden ? + '<li '+klass+' data-dtr-index="'+col.columnIndex+'" data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+ + '<span class="dtr-title">'+ + col.title+ + '</span> '+ + '<span class="dtr-data">'+ + col.data+ + '</span>'+ + '</li>' : + ''; + } ).join(''); + + return data ? + $('<ul data-dtr-index="'+rowIdx+'" class="dtr-details"/>').append( data ) : + false; + } + }, + + tableAll: function ( options ) { + options = $.extend( { + tableClass: '' + }, options ); + + return function ( api, rowIdx, columns ) { + var data = $.map( columns, function ( col ) { + var klass = col.className ? + 'class="'+ col.className +'"' : + ''; + + return '<tr '+klass+' data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+ + '<td>'+col.title+':'+'</td> '+ + '<td>'+col.data+'</td>'+ + '</tr>'; + } ).join(''); + + return $('<table class="'+options.tableClass+' dtr-details" width="100%"/>').append( data ); + } + } +}; + +/** + * Responsive default settings for initialisation + * + * @namespace + * @name Responsive.defaults + * @static + */ +Responsive.defaults = { + /** + * List of breakpoints for the instance. Note that this means that each + * instance can have its own breakpoints. Additionally, the breakpoints + * cannot be changed once an instance has been creased. + * + * @type {Array} + * @default Takes the value of `Responsive.breakpoints` + */ + breakpoints: Responsive.breakpoints, + + /** + * Enable / disable auto hiding calculations. It can help to increase + * performance slightly if you disable this option, but all columns would + * need to have breakpoint classes assigned to them + * + * @type {Boolean} + * @default `true` + */ + auto: true, + + /** + * Details control. If given as a string value, the `type` property of the + * default object is set to that value, and the defaults used for the rest + * of the object - this is for ease of implementation. + * + * The object consists of the following properties: + * + * * `display` - A function that is used to show and hide the hidden details + * * `renderer` - function that is called for display of the child row data. + * The default function will show the data from the hidden columns + * * `target` - Used as the selector for what objects to attach the child + * open / close to + * * `type` - `false` to disable the details display, `inline` or `column` + * for the two control types + * + * @type {Object|string} + */ + details: { + display: Responsive.display.childRow, + + renderer: Responsive.renderer.listHidden(), + + target: 0, + + type: 'inline' + }, + + /** + * Orthogonal data request option. This is used to define the data type + * requested when Responsive gets the data to show in the child row. + * + * @type {String} + */ + orthogonal: 'display' +}; + + +/* + * API + */ +var Api = $.fn.dataTable.Api; + +// Doesn't do anything - work around for a bug in DT... Not documented +Api.register( 'responsive()', function () { + return this; +} ); + +Api.register( 'responsive.index()', function ( li ) { + li = $(li); + + return { + column: li.data('dtr-index'), + row: li.parent().data('dtr-index') + }; +} ); + +Api.register( 'responsive.rebuild()', function () { + return this.iterator( 'table', function ( ctx ) { + if ( ctx._responsive ) { + ctx._responsive._classLogic(); + } + } ); +} ); + +Api.register( 'responsive.recalc()', function () { + return this.iterator( 'table', function ( ctx ) { + if ( ctx._responsive ) { + ctx._responsive._resizeAuto(); + ctx._responsive._resize(); + } + } ); +} ); + +Api.register( 'responsive.hasHidden()', function () { + var ctx = this.context[0]; + + return ctx._responsive ? + $.inArray( false, ctx._responsive._responsiveOnlyHidden() ) !== -1 : + false; +} ); + +Api.registerPlural( 'columns().responsiveHidden()', 'column().responsiveHidden()', function () { + return this.iterator( 'column', function ( settings, column ) { + return settings._responsive ? + settings._responsive._responsiveOnlyHidden()[ column ] : + false; + }, 1 ); +} ); + + +/** + * Version information + * + * @name Responsive.version + * @static + */ +Responsive.version = '2.4.1'; + + +$.fn.dataTable.Responsive = Responsive; +$.fn.DataTable.Responsive = Responsive; + +// Attach a listener to the document which listens for DataTables initialisation +// events so we can automatically initialise +$(document).on( 'preInit.dt.dtr', function (e, settings, json) { + if ( e.namespace !== 'dt' ) { + return; + } + + if ( $(settings.nTable).hasClass( 'responsive' ) || + $(settings.nTable).hasClass( 'dt-responsive' ) || + settings.oInit.responsive || + DataTable.defaults.responsive + ) { + var init = settings.oInit.responsive; + + if ( init !== false ) { + new Responsive( settings, $.isPlainObject( init ) ? init : {} ); + } + } +} ); + + +export default DataTable; diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap.js b/node_modules/Responsive-2.4.1/js/responsive.bootstrap.js new file mode 100644 index 0000000000000000000000000000000000000000..bacdd361951de36db380b45b0e8102ccdbfba664 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap.js @@ -0,0 +1,102 @@ +/*! Bootstrap integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net-bs', 'datatables.net-responsive'], function ( $ ) { + return factory( $, window, document ); + } ); + } + else if ( typeof exports === 'object' ) { + // CommonJS + var jq = require('jquery'); + var cjsRequires = function (root, $) { + if ( ! $.fn.dataTable ) { + require('datatables.net-bs')(root, $); + } + + if ( ! $.fn.dataTable.Responsive ) { + require('datatables.net-responsive')(root, $); + } + }; + + if (typeof window !== 'undefined') { + module.exports = function (root, $) { + if ( ! root ) { + // CommonJS environments without a window global must pass a + // root. This will give an error otherwise + root = window; + } + + if ( ! $ ) { + $ = jq( root ); + } + + cjsRequires( root, $ ); + return factory( $, root, root.document ); + }; + } + else { + cjsRequires( window, jq ); + module.exports = factory( jq, window, window.document ); + } + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="modal fade dtr-bs-modal" role="dialog">'+ + '<div class="modal-dialog" role="document">'+ + '<div class="modal-content">'+ + '<div class="modal-header">'+ + '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'+ + '</div>'+ + '<div class="modal-body"/>'+ + '</div>'+ + '</div>'+ + '</div>' +); + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.modal ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + if ( options && options.header ) { + var header = _modal.find('div.modal-header'); + var button = header.find('button').detach(); + + header + .empty() + .append( '<h4 class="modal-title">'+options.header( row )+'</h4>' ) + .prepend( button ); + } + + _modal.find( 'div.modal-body' ) + .empty() + .append( render() ); + + _modal + .appendTo( 'body' ) + .modal(); + } + } + }; +}; + + +return DataTable; +})); diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap.min.js b/node_modules/Responsive-2.4.1/js/responsive.bootstrap.min.js new file mode 100644 index 0000000000000000000000000000000000000000..f810ce8f9d2ce9c23e179325e7bca95c750be92c --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap.min.js @@ -0,0 +1,4 @@ +/*! Bootstrap integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +!function(a){var n,o;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs","datatables.net-responsive"],function(e){return a(e,window,document)}):"object"==typeof exports?(n=require("jquery"),o=function(e,d){d.fn.dataTable||require("datatables.net-bs")(e,d),d.fn.dataTable.Responsive||require("datatables.net-responsive")(e,d)},"undefined"!=typeof window?module.exports=function(e,d){return e=e||window,d=d||n(e),o(e,d),a(d,0,e.document)}:(o(window,n),module.exports=a(n,window,window.document))):a(jQuery,window,document)}(function(i,e,d,a){"use strict";var n=i.fn.dataTable,o=n.Responsive.display,s=o.modal,l=i('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body"/></div></div></div>');return o.modal=function(t){return function(e,d,a){var n,o;i.fn.modal?d||(t&&t.header&&(o=(n=l.find("div.modal-header")).find("button").detach(),n.empty().append('<h4 class="modal-title">'+t.header(e)+"</h4>").prepend(o)),l.find("div.modal-body").empty().append(a()),l.appendTo("body").modal()):s(e,d,a)}},n}); \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap.min.mjs b/node_modules/Responsive-2.4.1/js/responsive.bootstrap.min.mjs new file mode 100644 index 0000000000000000000000000000000000000000..0f7c669dcfbf96a56ae0ea03aba40aafd44807d5 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap.min.mjs @@ -0,0 +1,4 @@ +/*! Bootstrap integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +import $ from"jquery";import DataTable from"datatables.net-bs";import Responsive from"datatables.net-responsive";var _display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body"/></div></div></div>');_display.modal=function(i){return function(a,d,o){var e,l;$.fn.modal?d||(i&&i.header&&(l=(e=_modal.find("div.modal-header")).find("button").detach(),e.empty().append('<h4 class="modal-title">'+i.header(a)+"</h4>").prepend(l)),_modal.find("div.modal-body").empty().append(o()),_modal.appendTo("body").modal()):_original(a,d,o)}};export default DataTable; \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap.mjs b/node_modules/Responsive-2.4.1/js/responsive.bootstrap.mjs new file mode 100644 index 0000000000000000000000000000000000000000..31805919b267ff53e35b622e88d0a64018517bf2 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap.mjs @@ -0,0 +1,55 @@ +/*! Bootstrap integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +import $ from 'jquery'; +import DataTable from 'datatables.net-bs'; +import Responsive from 'datatables.net-responsive'; + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="modal fade dtr-bs-modal" role="dialog">'+ + '<div class="modal-dialog" role="document">'+ + '<div class="modal-content">'+ + '<div class="modal-header">'+ + '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'+ + '</div>'+ + '<div class="modal-body"/>'+ + '</div>'+ + '</div>'+ + '</div>' +); + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.modal ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + if ( options && options.header ) { + var header = _modal.find('div.modal-header'); + var button = header.find('button').detach(); + + header + .empty() + .append( '<h4 class="modal-title">'+options.header( row )+'</h4>' ) + .prepend( button ); + } + + _modal.find( 'div.modal-body' ) + .empty() + .append( render() ); + + _modal + .appendTo( 'body' ) + .modal(); + } + } + }; +}; + + +export default DataTable; diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.js b/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.js new file mode 100644 index 0000000000000000000000000000000000000000..6fafa7da97c30f68af355f1b449e9b44ded2c773 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.js @@ -0,0 +1,102 @@ +/*! Bootstrap 4 integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net-bs4', 'datatables.net-responsive'], function ( $ ) { + return factory( $, window, document ); + } ); + } + else if ( typeof exports === 'object' ) { + // CommonJS + var jq = require('jquery'); + var cjsRequires = function (root, $) { + if ( ! $.fn.dataTable ) { + require('datatables.net-bs4')(root, $); + } + + if ( ! $.fn.dataTable.Responsive ) { + require('datatables.net-responsive')(root, $); + } + }; + + if (typeof window !== 'undefined') { + module.exports = function (root, $) { + if ( ! root ) { + // CommonJS environments without a window global must pass a + // root. This will give an error otherwise + root = window; + } + + if ( ! $ ) { + $ = jq( root ); + } + + cjsRequires( root, $ ); + return factory( $, root, root.document ); + }; + } + else { + cjsRequires( window, jq ); + module.exports = factory( jq, window, window.document ); + } + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="modal fade dtr-bs-modal" role="dialog">'+ + '<div class="modal-dialog" role="document">'+ + '<div class="modal-content">'+ + '<div class="modal-header">'+ + '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'+ + '</div>'+ + '<div class="modal-body"/>'+ + '</div>'+ + '</div>'+ + '</div>' +); + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.modal ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + if ( options && options.header ) { + var header = _modal.find('div.modal-header'); + var button = header.find('button').detach(); + + header + .empty() + .append( '<h4 class="modal-title">'+options.header( row )+'</h4>' ) + .append( button ); + } + + _modal.find( 'div.modal-body' ) + .empty() + .append( render() ); + + _modal + .appendTo( 'body' ) + .modal(); + } + } + }; +}; + + +return DataTable; +})); diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.min.js b/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.min.js new file mode 100644 index 0000000000000000000000000000000000000000..f94521bcc7f8fc9c0ae585d1cf5c38c3a4f0de97 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.min.js @@ -0,0 +1,4 @@ +/*! Bootstrap 4 integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +!function(a){var n,o;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs4","datatables.net-responsive"],function(e){return a(e,window,document)}):"object"==typeof exports?(n=require("jquery"),o=function(e,d){d.fn.dataTable||require("datatables.net-bs4")(e,d),d.fn.dataTable.Responsive||require("datatables.net-responsive")(e,d)},"undefined"!=typeof window?module.exports=function(e,d){return e=e||window,d=d||n(e),o(e,d),a(d,0,e.document)}:(o(window,n),module.exports=a(n,window,window.document))):a(jQuery,window,document)}(function(i,e,d,a){"use strict";var n=i.fn.dataTable,o=n.Responsive.display,s=o.modal,l=i('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body"/></div></div></div>');return o.modal=function(t){return function(e,d,a){var n,o;i.fn.modal?d||(t&&t.header&&(o=(n=l.find("div.modal-header")).find("button").detach(),n.empty().append('<h4 class="modal-title">'+t.header(e)+"</h4>").append(o)),l.find("div.modal-body").empty().append(a()),l.appendTo("body").modal()):s(e,d,a)}},n}); \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.min.mjs b/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.min.mjs new file mode 100644 index 0000000000000000000000000000000000000000..4f3c423b2f9d0ed61b695f678740295bb8c7ac67 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.min.mjs @@ -0,0 +1,4 @@ +/*! Bootstrap 4 integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +import $ from"jquery";import DataTable from"datatables.net-bs4";import Responsive from"datatables.net-responsive";var _display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body"/></div></div></div>');_display.modal=function(i){return function(a,d,o){var l,e;$.fn.modal?d||(i&&i.header&&(e=(l=_modal.find("div.modal-header")).find("button").detach(),l.empty().append('<h4 class="modal-title">'+i.header(a)+"</h4>").append(e)),_modal.find("div.modal-body").empty().append(o()),_modal.appendTo("body").modal()):_original(a,d,o)}};export default DataTable; \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.mjs b/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.mjs new file mode 100644 index 0000000000000000000000000000000000000000..ea3266ef069413e3a9acc3b00cb88db0b7264317 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap4.mjs @@ -0,0 +1,55 @@ +/*! Bootstrap 4 integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +import $ from 'jquery'; +import DataTable from 'datatables.net-bs4'; +import Responsive from 'datatables.net-responsive'; + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="modal fade dtr-bs-modal" role="dialog">'+ + '<div class="modal-dialog" role="document">'+ + '<div class="modal-content">'+ + '<div class="modal-header">'+ + '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'+ + '</div>'+ + '<div class="modal-body"/>'+ + '</div>'+ + '</div>'+ + '</div>' +); + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.modal ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + if ( options && options.header ) { + var header = _modal.find('div.modal-header'); + var button = header.find('button').detach(); + + header + .empty() + .append( '<h4 class="modal-title">'+options.header( row )+'</h4>' ) + .append( button ); + } + + _modal.find( 'div.modal-body' ) + .empty() + .append( render() ); + + _modal + .appendTo( 'body' ) + .modal(); + } + } + }; +}; + + +export default DataTable; diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.js b/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.js new file mode 100644 index 0000000000000000000000000000000000000000..aa4c2d338057abed2105407c9fb5a997d1f1bf55 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.js @@ -0,0 +1,118 @@ +/*! Bootstrap 5 integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net-bs5', 'datatables.net-responsive'], function ( $ ) { + return factory( $, window, document ); + } ); + } + else if ( typeof exports === 'object' ) { + // CommonJS + var jq = require('jquery'); + var cjsRequires = function (root, $) { + if ( ! $.fn.dataTable ) { + require('datatables.net-bs5')(root, $); + } + + if ( ! $.fn.dataTable.Responsive ) { + require('datatables.net-responsive')(root, $); + } + }; + + if (typeof window !== 'undefined') { + module.exports = function (root, $) { + if ( ! root ) { + // CommonJS environments without a window global must pass a + // root. This will give an error otherwise + root = window; + } + + if ( ! $ ) { + $ = jq( root ); + } + + cjsRequires( root, $ ); + return factory( $, root, root.document ); + }; + } + else { + cjsRequires( window, jq ); + module.exports = factory( jq, window, window.document ); + } + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="modal fade dtr-bs-modal" role="dialog">'+ + '<div class="modal-dialog" role="document">'+ + '<div class="modal-content">'+ + '<div class="modal-header">'+ + '<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>'+ + '</div>'+ + '<div class="modal-body"/>'+ + '</div>'+ + '</div>'+ + '</div>' +); +var modal; + +// Note this could be undefined at the time of initialisation - the +// DataTable.Responsive.bootstrap function can be used to set a different +// bootstrap object +var _bs = window.bootstrap; + +DataTable.Responsive.bootstrap = function (bs) { + _bs = bs; +} + +_display.modal = function ( options ) { + if (! modal) { + modal = new _bs.Modal(_modal[0]); + } + + return function ( row, update, render ) { + if ( ! $.fn.modal ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + if ( options && options.header ) { + var header = _modal.find('div.modal-header'); + var button = header.find('button').detach(); + + header + .empty() + .append( '<h4 class="modal-title">'+options.header( row )+'</h4>' ) + .append( button ); + } + + _modal.find( 'div.modal-body' ) + .empty() + .append( render() ); + + _modal + .appendTo( 'body' ) + .modal(); + + modal.show(); + } + } + }; +}; + + +return DataTable; +})); diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.min.js b/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.min.js new file mode 100644 index 0000000000000000000000000000000000000000..bf96c79cca4e3399afd8f8246352d3c6104c09c6 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.min.js @@ -0,0 +1,4 @@ +/*! Bootstrap 5 integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +!function(o){var a,n;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs5","datatables.net-responsive"],function(e){return o(e,window,document)}):"object"==typeof exports?(a=require("jquery"),n=function(e,d){d.fn.dataTable||require("datatables.net-bs5")(e,d),d.fn.dataTable.Responsive||require("datatables.net-responsive")(e,d)},"undefined"!=typeof window?module.exports=function(e,d){return e=e||window,d=d||a(e),n(e,d),o(d,e,e.document)}:(n(window,a),module.exports=o(a,window,window.document))):o(jQuery,window,document)}(function(i,e,d,o){"use strict";var s,a=i.fn.dataTable,n=a.Responsive.display,l=n.modal,r=i('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"/></div></div></div>'),u=e.bootstrap;return a.Responsive.bootstrap=function(e){u=e},n.modal=function(t){return s=s||new u.Modal(r[0]),function(e,d,o){var a,n;i.fn.modal?d||(t&&t.header&&(n=(a=r.find("div.modal-header")).find("button").detach(),a.empty().append('<h4 class="modal-title">'+t.header(e)+"</h4>").append(n)),r.find("div.modal-body").empty().append(o()),r.appendTo("body").modal(),s.show()):l(e,d,o)}},a}); \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.min.mjs b/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.min.mjs new file mode 100644 index 0000000000000000000000000000000000000000..2c6a6bf38b05646539dd008a5ad91eb871457c0b --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.min.mjs @@ -0,0 +1,4 @@ +/*! Bootstrap 5 integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +import $ from"jquery";import DataTable from"datatables.net-bs5";import Responsive from"datatables.net-responsive";var modal,_display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="modal fade dtr-bs-modal" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"/></div></div></div>'),_bs=window.bootstrap;DataTable.Responsive.bootstrap=function(a){_bs=a},_display.modal=function(t){return modal=modal||new _bs.Modal(_modal[0]),function(a,d,o){var l,e;$.fn.modal?d||(t&&t.header&&(e=(l=_modal.find("div.modal-header")).find("button").detach(),l.empty().append('<h4 class="modal-title">'+t.header(a)+"</h4>").append(e)),_modal.find("div.modal-body").empty().append(o()),_modal.appendTo("body").modal(),modal.show()):_original(a,d,o)}};export default DataTable; \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.mjs b/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.mjs new file mode 100644 index 0000000000000000000000000000000000000000..894f3ac546818e1d25967cf81f325d9f073f6629 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bootstrap5.mjs @@ -0,0 +1,71 @@ +/*! Bootstrap 5 integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +import $ from 'jquery'; +import DataTable from 'datatables.net-bs5'; +import Responsive from 'datatables.net-responsive'; + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="modal fade dtr-bs-modal" role="dialog">'+ + '<div class="modal-dialog" role="document">'+ + '<div class="modal-content">'+ + '<div class="modal-header">'+ + '<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>'+ + '</div>'+ + '<div class="modal-body"/>'+ + '</div>'+ + '</div>'+ + '</div>' +); +var modal; + +// Note this could be undefined at the time of initialisation - the +// DataTable.Responsive.bootstrap function can be used to set a different +// bootstrap object +var _bs = window.bootstrap; + +DataTable.Responsive.bootstrap = function (bs) { + _bs = bs; +} + +_display.modal = function ( options ) { + if (! modal) { + modal = new _bs.Modal(_modal[0]); + } + + return function ( row, update, render ) { + if ( ! $.fn.modal ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + if ( options && options.header ) { + var header = _modal.find('div.modal-header'); + var button = header.find('button').detach(); + + header + .empty() + .append( '<h4 class="modal-title">'+options.header( row )+'</h4>' ) + .append( button ); + } + + _modal.find( 'div.modal-body' ) + .empty() + .append( render() ); + + _modal + .appendTo( 'body' ) + .modal(); + + modal.show(); + } + } + }; +}; + + +export default DataTable; diff --git a/node_modules/Responsive-2.4.1/js/responsive.bulma.js b/node_modules/Responsive-2.4.1/js/responsive.bulma.js new file mode 100644 index 0000000000000000000000000000000000000000..354b04d524049de91678153759d31d45fcfe077f --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bulma.js @@ -0,0 +1,104 @@ +/*! Bulma integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net-bm', 'datatables.net-responsive'], function ( $ ) { + return factory( $, window, document ); + } ); + } + else if ( typeof exports === 'object' ) { + // CommonJS + var jq = require('jquery'); + var cjsRequires = function (root, $) { + if ( ! $.fn.dataTable ) { + require('datatables.net-bm')(root, $); + } + + if ( ! $.fn.dataTable.Responsive ) { + require('datatables.net-responsive')(root, $); + } + }; + + if (typeof window !== 'undefined') { + module.exports = function (root, $) { + if ( ! root ) { + // CommonJS environments without a window global must pass a + // root. This will give an error otherwise + root = window; + } + + if ( ! $ ) { + $ = jq( root ); + } + + cjsRequires( root, $ ); + return factory( $, root, root.document ); + }; + } + else { + cjsRequires( window, jq ); + module.exports = factory( jq, window, window.document ); + } + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="modal DTED">'+ + '<div class="modal-background"></div>'+ + '<div class="modal-content">' + + '<div class="modal-header">'+ + '<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>'+ + '</div>'+ + '<div class="modal-body"/>'+ + '</div>'+ + '<button class="modal-close is-large" aria-label="close"></button>'+ + '</div>' +) + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! update ) { + if ( options && options.header ) { + var header = _modal.find('div.modal-header'); + header.find('button').detach(); + + header + .empty() + .append( '<h4 class="modal-title subtitle">'+options.header( row )+'</h4>' ); + } + + _modal.find( 'div.modal-body' ) + .empty() + .append( render() ); + + _modal + .appendTo( 'body' ) + + _modal.addClass('is-active is-clipped'); + + $('.modal-close').one('click', function() { + _modal.removeClass('is-active is-clipped'); + }) + $('.modal-background').one('click', function() { + _modal.removeClass('is-active is-clipped'); + }) + } + }; +}; + + +return DataTable; +})); diff --git a/node_modules/Responsive-2.4.1/js/responsive.bulma.min.js b/node_modules/Responsive-2.4.1/js/responsive.bulma.min.js new file mode 100644 index 0000000000000000000000000000000000000000..66937c36903691ba11ab5de8b27603d609e36331 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bulma.min.js @@ -0,0 +1,4 @@ +/*! Bulma integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +!function(a){var n,o;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bm","datatables.net-responsive"],function(e){return a(e,window,document)}):"object"==typeof exports?(n=require("jquery"),o=function(e,d){d.fn.dataTable||require("datatables.net-bm")(e,d),d.fn.dataTable.Responsive||require("datatables.net-responsive")(e,d)},"undefined"!=typeof window?module.exports=function(e,d){return e=e||window,d=d||n(e),o(e,d),a(d,0,e.document)}:(o(window,n),module.exports=a(n,window,window.document))):a(jQuery,window,document)}(function(o,e,d,a){"use strict";var n=o.fn.dataTable,t=n.Responsive.display,i=(t.modal,o('<div class="modal DTED"><div class="modal-background"></div><div class="modal-content"><div class="modal-header"><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"/></div><button class="modal-close is-large" aria-label="close"></button></div>'));return t.modal=function(n){return function(e,d,a){d||(n&&n.header&&((d=i.find("div.modal-header")).find("button").detach(),d.empty().append('<h4 class="modal-title subtitle">'+n.header(e)+"</h4>")),i.find("div.modal-body").empty().append(a()),i.appendTo("body"),i.addClass("is-active is-clipped"),o(".modal-close").one("click",function(){i.removeClass("is-active is-clipped")}),o(".modal-background").one("click",function(){i.removeClass("is-active is-clipped")}))}},n}); \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.bulma.min.mjs b/node_modules/Responsive-2.4.1/js/responsive.bulma.min.mjs new file mode 100644 index 0000000000000000000000000000000000000000..c7b070a0b9df1b34055ccd55554c601c4f7a2604 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bulma.min.mjs @@ -0,0 +1,4 @@ +/*! Bulma integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +import $ from"jquery";import DataTable from"datatables.net-bm";import Responsive from"datatables.net-responsive";var _display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="modal DTED"><div class="modal-background"></div><div class="modal-content"><div class="modal-header"><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"/></div><button class="modal-close is-large" aria-label="close"></button></div>');_display.modal=function(o){return function(a,d,l){d||(o&&o.header&&((d=_modal.find("div.modal-header")).find("button").detach(),d.empty().append('<h4 class="modal-title subtitle">'+o.header(a)+"</h4>")),_modal.find("div.modal-body").empty().append(l()),_modal.appendTo("body"),_modal.addClass("is-active is-clipped"),$(".modal-close").one("click",function(){_modal.removeClass("is-active is-clipped")}),$(".modal-background").one("click",function(){_modal.removeClass("is-active is-clipped")}))}};export default DataTable; \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.bulma.mjs b/node_modules/Responsive-2.4.1/js/responsive.bulma.mjs new file mode 100644 index 0000000000000000000000000000000000000000..16558344d5bb2c04d6781a8658ca13bae26f0efa --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.bulma.mjs @@ -0,0 +1,57 @@ +/*! Bulma integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +import $ from 'jquery'; +import DataTable from 'datatables.net-bm'; +import Responsive from 'datatables.net-responsive'; + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="modal DTED">'+ + '<div class="modal-background"></div>'+ + '<div class="modal-content">' + + '<div class="modal-header">'+ + '<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>'+ + '</div>'+ + '<div class="modal-body"/>'+ + '</div>'+ + '<button class="modal-close is-large" aria-label="close"></button>'+ + '</div>' +) + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! update ) { + if ( options && options.header ) { + var header = _modal.find('div.modal-header'); + header.find('button').detach(); + + header + .empty() + .append( '<h4 class="modal-title subtitle">'+options.header( row )+'</h4>' ); + } + + _modal.find( 'div.modal-body' ) + .empty() + .append( render() ); + + _modal + .appendTo( 'body' ) + + _modal.addClass('is-active is-clipped'); + + $('.modal-close').one('click', function() { + _modal.removeClass('is-active is-clipped'); + }) + $('.modal-background').one('click', function() { + _modal.removeClass('is-active is-clipped'); + }) + } + }; +}; + + +export default DataTable; diff --git a/node_modules/Responsive-2.4.1/js/responsive.dataTables.js b/node_modules/Responsive-2.4.1/js/responsive.dataTables.js new file mode 100644 index 0000000000000000000000000000000000000000..8f8b61f1ad8339b6d52e0e2f7a4728c905339fe0 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.dataTables.js @@ -0,0 +1,58 @@ +/*! DataTables styling wrapper for Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net-dt', 'datatables.net-responsive'], function ( $ ) { + return factory( $, window, document ); + } ); + } + else if ( typeof exports === 'object' ) { + // CommonJS + var jq = require('jquery'); + var cjsRequires = function (root, $) { + if ( ! $.fn.dataTable ) { + require('datatables.net-dt')(root, $); + } + + if ( ! $.fn.dataTable.Responsive ) { + require('datatables.net-responsive')(root, $); + } + }; + + if (typeof window !== 'undefined') { + module.exports = function (root, $) { + if ( ! root ) { + // CommonJS environments without a window global must pass a + // root. This will give an error otherwise + root = window; + } + + if ( ! $ ) { + $ = jq( root ); + } + + cjsRequires( root, $ ); + return factory( $, root, root.document ); + }; + } + else { + cjsRequires( window, jq ); + module.exports = factory( jq, window, window.document ); + } + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + + + +return DataTable; +})); diff --git a/node_modules/Responsive-2.4.1/js/responsive.dataTables.min.js b/node_modules/Responsive-2.4.1/js/responsive.dataTables.min.js new file mode 100644 index 0000000000000000000000000000000000000000..761035435790972626b418f5d5b4e74f77480673 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.dataTables.min.js @@ -0,0 +1,4 @@ +/*! DataTables styling wrapper for Responsive + * © SpryMedia Ltd - datatables.net/license + */ +!function(t){var o,d;"function"==typeof define&&define.amd?define(["jquery","datatables.net-dt","datatables.net-responsive"],function(e){return t(e,window,document)}):"object"==typeof exports?(o=require("jquery"),d=function(e,n){n.fn.dataTable||require("datatables.net-dt")(e,n),n.fn.dataTable.Responsive||require("datatables.net-responsive")(e,n)},"undefined"!=typeof window?module.exports=function(e,n){return e=e||window,n=n||o(e),d(e,n),t(n,0,e.document)}:(d(window,o),module.exports=t(o,window,window.document))):t(jQuery,window,document)}(function(e,n,t,o){"use strict";return e.fn.dataTable}); \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.dataTables.min.mjs b/node_modules/Responsive-2.4.1/js/responsive.dataTables.min.mjs new file mode 100644 index 0000000000000000000000000000000000000000..0cc3c6b1721d19b44ec5797419635f738926f732 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.dataTables.min.mjs @@ -0,0 +1,4 @@ +/*! DataTables styling wrapper for Responsive + * © SpryMedia Ltd - datatables.net/license + */ +import $ from"jquery";import DataTable from"datatables.net-dt";import Responsive from"datatables.net-responsive";export default DataTable; \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.dataTables.mjs b/node_modules/Responsive-2.4.1/js/responsive.dataTables.mjs new file mode 100644 index 0000000000000000000000000000000000000000..e8afa3ba6336d4157f1d1a9fbfe88f5d1b3724e4 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.dataTables.mjs @@ -0,0 +1,11 @@ +/*! DataTables styling wrapper for Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +import $ from 'jquery'; +import DataTable from 'datatables.net-dt'; +import Responsive from 'datatables.net-responsive'; + + + +export default DataTable; diff --git a/node_modules/Responsive-2.4.1/js/responsive.foundation.js b/node_modules/Responsive-2.4.1/js/responsive.foundation.js new file mode 100644 index 0000000000000000000000000000000000000000..1e0df033a223e799c8791405fd8186bc3479c816 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.foundation.js @@ -0,0 +1,88 @@ +/*! Foundation integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net-zf', 'datatables.net-responsive'], function ( $ ) { + return factory( $, window, document ); + } ); + } + else if ( typeof exports === 'object' ) { + // CommonJS + var jq = require('jquery'); + var cjsRequires = function (root, $) { + if ( ! $.fn.dataTable ) { + require('datatables.net-zf')(root, $); + } + + if ( ! $.fn.dataTable.Responsive ) { + require('datatables.net-responsive')(root, $); + } + }; + + if (typeof window !== 'undefined') { + module.exports = function (root, $) { + if ( ! root ) { + // CommonJS environments without a window global must pass a + // root. This will give an error otherwise + root = window; + } + + if ( ! $ ) { + $ = jq( root ); + } + + cjsRequires( root, $ ); + return factory( $, root, root.document ); + }; + } + else { + cjsRequires( window, jq ); + module.exports = factory( jq, window, window.document ); + } + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.foundation ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + var modalContainer = $('<div class="reveal-overlay" style="display:block"/>'); + $( '<div class="reveal reveal-modal" style="display:block; top: 150px;" data-reveal/>' ) + .append( '<button class="close-button" aria-label="Close">×</button>' ) + .append( options && options.header ? '<h4>'+options.header( row )+'</h4>' : null ) + .append( render() ) + .appendTo( modalContainer ); + + modalContainer.appendTo('body'); + + $('button.close-button').on('click', function() { + $('.reveal-overlay').remove(); + }) + $('.reveal-overlay').on('click', function() { + $('.reveal-overlay').remove(); + }) + } + } + }; +}; + + +return DataTable; +})); diff --git a/node_modules/Responsive-2.4.1/js/responsive.foundation.min.js b/node_modules/Responsive-2.4.1/js/responsive.foundation.min.js new file mode 100644 index 0000000000000000000000000000000000000000..322969cf4ed66c7a11bad5b6f51f62054f47d860 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.foundation.min.js @@ -0,0 +1,4 @@ +/*! Foundation integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +!function(o){var a,t;"function"==typeof define&&define.amd?define(["jquery","datatables.net-zf","datatables.net-responsive"],function(e){return o(e,window,document)}):"object"==typeof exports?(a=require("jquery"),t=function(e,n){n.fn.dataTable||require("datatables.net-zf")(e,n),n.fn.dataTable.Responsive||require("datatables.net-responsive")(e,n)},"undefined"!=typeof window?module.exports=function(e,n){return e=e||window,n=n||a(e),t(e,n),o(n,0,e.document)}:(t(window,a),module.exports=o(a,window,window.document))):o(jQuery,window,document)}(function(d,e,n,o){"use strict";var a=d.fn.dataTable,t=a.Responsive.display,l=t.modal;return t.modal=function(t){return function(e,n,o){var a;d.fn.foundation?n||(a=d('<div class="reveal-overlay" style="display:block"/>'),d('<div class="reveal reveal-modal" style="display:block; top: 150px;" data-reveal/>').append('<button class="close-button" aria-label="Close">×</button>').append(t&&t.header?"<h4>"+t.header(e)+"</h4>":null).append(o()).appendTo(a),a.appendTo("body"),d("button.close-button").on("click",function(){d(".reveal-overlay").remove()}),d(".reveal-overlay").on("click",function(){d(".reveal-overlay").remove()})):l(e,n,o)}},a}); \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.foundation.min.mjs b/node_modules/Responsive-2.4.1/js/responsive.foundation.min.mjs new file mode 100644 index 0000000000000000000000000000000000000000..89d0c46aa5311f09cbd891bf558c3a1d5ab89bbe --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.foundation.min.mjs @@ -0,0 +1,4 @@ +/*! Foundation integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +import $ from"jquery";import DataTable from"datatables.net-zf";import Responsive from"datatables.net-responsive";var _display=DataTable.Responsive.display,_original=_display.modal;_display.modal=function(t){return function(a,e,l){var o;$.fn.foundation?e||(o=$('<div class="reveal-overlay" style="display:block"/>'),$('<div class="reveal reveal-modal" style="display:block; top: 150px;" data-reveal/>').append('<button class="close-button" aria-label="Close">×</button>').append(t&&t.header?"<h4>"+t.header(a)+"</h4>":null).append(l()).appendTo(o),o.appendTo("body"),$("button.close-button").on("click",function(){$(".reveal-overlay").remove()}),$(".reveal-overlay").on("click",function(){$(".reveal-overlay").remove()})):_original(a,e,l)}};export default DataTable; \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.foundation.mjs b/node_modules/Responsive-2.4.1/js/responsive.foundation.mjs new file mode 100644 index 0000000000000000000000000000000000000000..d81535cd165d39470a56290c5e43bed8e606c431 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.foundation.mjs @@ -0,0 +1,41 @@ +/*! Foundation integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +import $ from 'jquery'; +import DataTable from 'datatables.net-zf'; +import Responsive from 'datatables.net-responsive'; + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.foundation ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + var modalContainer = $('<div class="reveal-overlay" style="display:block"/>'); + $( '<div class="reveal reveal-modal" style="display:block; top: 150px;" data-reveal/>' ) + .append( '<button class="close-button" aria-label="Close">×</button>' ) + .append( options && options.header ? '<h4>'+options.header( row )+'</h4>' : null ) + .append( render() ) + .appendTo( modalContainer ); + + modalContainer.appendTo('body'); + + $('button.close-button').on('click', function() { + $('.reveal-overlay').remove(); + }) + $('.reveal-overlay').on('click', function() { + $('.reveal-overlay').remove(); + }) + } + } + }; +}; + + +export default DataTable; diff --git a/node_modules/Responsive-2.4.1/js/responsive.jqueryui.js b/node_modules/Responsive-2.4.1/js/responsive.jqueryui.js new file mode 100644 index 0000000000000000000000000000000000000000..eaa627b21890f9e6c06f383a0367d72d2b5ae50a --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.jqueryui.js @@ -0,0 +1,80 @@ +/*! jQuery UI integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net-jqui', 'datatables.net-responsive'], function ( $ ) { + return factory( $, window, document ); + } ); + } + else if ( typeof exports === 'object' ) { + // CommonJS + var jq = require('jquery'); + var cjsRequires = function (root, $) { + if ( ! $.fn.dataTable ) { + require('datatables.net-jqui')(root, $); + } + + if ( ! $.fn.dataTable.Responsive ) { + require('datatables.net-responsive')(root, $); + } + }; + + if (typeof window !== 'undefined') { + module.exports = function (root, $) { + if ( ! root ) { + // CommonJS environments without a window global must pass a + // root. This will give an error otherwise + root = window; + } + + if ( ! $ ) { + $ = jq( root ); + } + + cjsRequires( root, $ ); + return factory( $, root, root.document ); + }; + } + else { + cjsRequires( window, jq ); + module.exports = factory( jq, window, window.document ); + } + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.dialog ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + $( '<div/>' ) + .append( render() ) + .appendTo( 'body' ) + .dialog( $.extend( true, { + title: options && options.header ? options.header( row ) : '', + width: 500 + }, options.dialog ) ); + } + } + }; +}; + + +return DataTable; +})); diff --git a/node_modules/Responsive-2.4.1/js/responsive.jqueryui.min.js b/node_modules/Responsive-2.4.1/js/responsive.jqueryui.min.js new file mode 100644 index 0000000000000000000000000000000000000000..35a45809d1893d43cea9598c58727e5485415408 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.jqueryui.min.js @@ -0,0 +1,4 @@ +/*! jQuery UI integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +!function(t){var d,o;"function"==typeof define&&define.amd?define(["jquery","datatables.net-jqui","datatables.net-responsive"],function(e){return t(e,window,document)}):"object"==typeof exports?(d=require("jquery"),o=function(e,n){n.fn.dataTable||require("datatables.net-jqui")(e,n),n.fn.dataTable.Responsive||require("datatables.net-responsive")(e,n)},"undefined"!=typeof window?module.exports=function(e,n){return e=e||window,n=n||d(e),o(e,n),t(n,0,e.document)}:(o(window,d),module.exports=t(d,window,window.document))):t(jQuery,window,document)}(function(o,e,n,t){"use strict";var d=o.fn.dataTable,i=d.Responsive.display,a=i.modal;return i.modal=function(d){return function(e,n,t){o.fn.dialog?n||o("<div/>").append(t()).appendTo("body").dialog(o.extend(!0,{title:d&&d.header?d.header(e):"",width:500},d.dialog)):a(e,n,t)}},d}); \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.jqueryui.min.mjs b/node_modules/Responsive-2.4.1/js/responsive.jqueryui.min.mjs new file mode 100644 index 0000000000000000000000000000000000000000..59275dc44678024a35964e5a737dbb35b550b8ca --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.jqueryui.min.mjs @@ -0,0 +1,4 @@ +/*! jQuery UI integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +import $ from"jquery";import DataTable from"datatables.net-jqui";import Responsive from"datatables.net-responsive";var _display=DataTable.Responsive.display,_original=_display.modal;_display.modal=function(o){return function(a,e,i){$.fn.dialog?e||$("<div/>").append(i()).appendTo("body").dialog($.extend(!0,{title:o&&o.header?o.header(a):"",width:500},o.dialog)):_original(a,e,i)}};export default DataTable; \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.jqueryui.mjs b/node_modules/Responsive-2.4.1/js/responsive.jqueryui.mjs new file mode 100644 index 0000000000000000000000000000000000000000..8006ec11ac2b5a9ff029870e7bc0b2ee12c4d4f4 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.jqueryui.mjs @@ -0,0 +1,33 @@ +/*! jQuery UI integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +import $ from 'jquery'; +import DataTable from 'datatables.net-jqui'; +import Responsive from 'datatables.net-responsive'; + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.dialog ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + $( '<div/>' ) + .append( render() ) + .appendTo( 'body' ) + .dialog( $.extend( true, { + title: options && options.header ? options.header( row ) : '', + width: 500 + }, options.dialog ) ); + } + } + }; +}; + + +export default DataTable; diff --git a/node_modules/Responsive-2.4.1/js/responsive.semanticui.js b/node_modules/Responsive-2.4.1/js/responsive.semanticui.js new file mode 100644 index 0000000000000000000000000000000000000000..49dfaf93d1712fa5857c9b73f36246f1db36c7f9 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.semanticui.js @@ -0,0 +1,97 @@ +/*! Bootstrap integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +(function( factory ){ + if ( typeof define === 'function' && define.amd ) { + // AMD + define( ['jquery', 'datatables.net-se', 'datatables.net-responsive'], function ( $ ) { + return factory( $, window, document ); + } ); + } + else if ( typeof exports === 'object' ) { + // CommonJS + var jq = require('jquery'); + var cjsRequires = function (root, $) { + if ( ! $.fn.dataTable ) { + require('datatables.net-se')(root, $); + } + + if ( ! $.fn.dataTable.Responsive ) { + require('datatables.net-responsive')(root, $); + } + }; + + if (typeof window !== 'undefined') { + module.exports = function (root, $) { + if ( ! root ) { + // CommonJS environments without a window global must pass a + // root. This will give an error otherwise + root = window; + } + + if ( ! $ ) { + $ = jq( root ); + } + + cjsRequires( root, $ ); + return factory( $, root, root.document ); + }; + } + else { + cjsRequires( window, jq ); + module.exports = factory( jq, window, window.document ); + } + } + else { + // Browser + factory( jQuery, window, document ); + } +}(function( $, window, document, undefined ) { +'use strict'; +var DataTable = $.fn.dataTable; + + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="ui modal" role="dialog">'+ + '<div class="header">'+ + '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'+ + '</div>'+ + '<div class="content"/>'+ + '</div>' +); + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.modal ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + if ( options && options.header ) { + _modal.find('div.header') + .empty() + .append( '<h4 class="title">'+options.header( row )+'</h4>' ); + } + + _modal.find( 'div.content' ) + .empty() + .append( render() ); + + // Only need to attach the first time + if (! _modal.parent().hasClass('dimmer')) { + _modal.appendTo( 'body' ) + } + + _modal.modal('show'); + } + } + }; +}; + + +return DataTable; +})); diff --git a/node_modules/Responsive-2.4.1/js/responsive.semanticui.min.js b/node_modules/Responsive-2.4.1/js/responsive.semanticui.min.js new file mode 100644 index 0000000000000000000000000000000000000000..a44c891a8bf6d8091402806a1fefe8306fc432cc --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.semanticui.min.js @@ -0,0 +1,4 @@ +/*! Bootstrap integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +!function(t){var a,d;"function"==typeof define&&define.amd?define(["jquery","datatables.net-se","datatables.net-responsive"],function(e){return t(e,window,document)}):"object"==typeof exports?(a=require("jquery"),d=function(e,n){n.fn.dataTable||require("datatables.net-se")(e,n),n.fn.dataTable.Responsive||require("datatables.net-responsive")(e,n)},"undefined"!=typeof window?module.exports=function(e,n){return e=e||window,n=n||a(e),d(e,n),t(n,0,e.document)}:(d(window,a),module.exports=t(a,window,window.document))):t(jQuery,window,document)}(function(d,e,n,t){"use strict";var a=d.fn.dataTable,o=a.Responsive.display,i=o.modal,s=d('<div class="ui modal" role="dialog"><div class="header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="content"/></div>');return o.modal=function(a){return function(e,n,t){d.fn.modal?n||(a&&a.header&&s.find("div.header").empty().append('<h4 class="title">'+a.header(e)+"</h4>"),s.find("div.content").empty().append(t()),s.parent().hasClass("dimmer")||s.appendTo("body"),s.modal("show")):i(e,n,t)}},a}); \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.semanticui.min.mjs b/node_modules/Responsive-2.4.1/js/responsive.semanticui.min.mjs new file mode 100644 index 0000000000000000000000000000000000000000..f4e4d6182d1c23577fab446fb496735de74a295d --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.semanticui.min.mjs @@ -0,0 +1,4 @@ +/*! Bootstrap integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ +import $ from"jquery";import DataTable from"datatables.net-se";import Responsive from"datatables.net-responsive";var _display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="ui modal" role="dialog"><div class="header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="content"/></div>');_display.modal=function(o){return function(a,e,d){$.fn.modal?e||(o&&o.header&&_modal.find("div.header").empty().append('<h4 class="title">'+o.header(a)+"</h4>"),_modal.find("div.content").empty().append(d()),_modal.parent().hasClass("dimmer")||_modal.appendTo("body"),_modal.modal("show")):_original(a,e,d)}};export default DataTable; \ No newline at end of file diff --git a/node_modules/Responsive-2.4.1/js/responsive.semanticui.mjs b/node_modules/Responsive-2.4.1/js/responsive.semanticui.mjs new file mode 100644 index 0000000000000000000000000000000000000000..29636165fcc9df3bab177c9aa01c65224dcc1fa0 --- /dev/null +++ b/node_modules/Responsive-2.4.1/js/responsive.semanticui.mjs @@ -0,0 +1,50 @@ +/*! Bootstrap integration for DataTables' Responsive + * © SpryMedia Ltd - datatables.net/license + */ + +import $ from 'jquery'; +import DataTable from 'datatables.net-se'; +import Responsive from 'datatables.net-responsive'; + + +var _display = DataTable.Responsive.display; +var _original = _display.modal; +var _modal = $( + '<div class="ui modal" role="dialog">'+ + '<div class="header">'+ + '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'+ + '</div>'+ + '<div class="content"/>'+ + '</div>' +); + +_display.modal = function ( options ) { + return function ( row, update, render ) { + if ( ! $.fn.modal ) { + _original( row, update, render ); + } + else { + if ( ! update ) { + if ( options && options.header ) { + _modal.find('div.header') + .empty() + .append( '<h4 class="title">'+options.header( row )+'</h4>' ); + } + + _modal.find( 'div.content' ) + .empty() + .append( render() ); + + // Only need to attach the first time + if (! _modal.parent().hasClass('dimmer')) { + _modal.appendTo( 'body' ) + } + + _modal.modal('show'); + } + } + }; +}; + + +export default DataTable; diff --git a/node_modules/Responsive-2.4.1/types/types.d.ts b/node_modules/Responsive-2.4.1/types/types.d.ts new file mode 100644 index 0000000000000000000000000000000000000000..2e95b14e1a0d1569e59986cf6dca58aa982585c6 --- /dev/null +++ b/node_modules/Responsive-2.4.1/types/types.d.ts @@ -0,0 +1,229 @@ +// Type definitions for DataTables Responsive +// +// Project: https://datatables.net/extensions/responsive/, https://datatables.net +// Definitions by: +// SpryMedia + +/// <reference types="jquery" /> + +import DataTables, {Api} from 'datatables.net'; + +export default DataTables; + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables' types integration + */ +declare module 'datatables.net' { + interface Config { + /** + * Responsive extension options + */ + responsive?: boolean | ConfigResponsive; + } + + interface ConfigColumns { + /** + * Set column's visibility priority + */ + responsivePriority?: number; + } + + interface Api<T> { + /** + * Responsive methods container + * + * @returns Api for chaining with the additional Responsive methods + */ + responsive: ApiResponsiveMethods<T>; + } + + interface ApiColumnMethods { + /** + * Get the responsive visibility state of a column in the table + */ + responsiveHidden(): boolean; + } + + interface ApiColumnsMethods { + /** + * Get the responsive visibility state of columns in the table + */ + responsiveHidden(): Api<boolean>; + } + + interface ApiStatic { + /** + * Responsive class + */ + Responsive: { + /** + * Create a new Responsive instance for the target DataTable + */ + new (dt: Api<any>, settings: boolean | ConfigResponsive); + + /** + * Default configuration values + */ + defaults: ConfigResponsive; + + /** + * List of default breakpoints + */ + breakpoints: ResponsiveBreakpoint[]; + + display: { + childRow: ResponsiveDisplay, + childRowImmediate: ResponsiveDisplay, + modal: ResponsiveDisplay, + }; + + /** + * Namespace to hold Responsive renderers + */ + renderer: { + listHiddenNodes(): ResponsiveRenderer, + listHidden(): ResponsiveRenderer, + tableAll(options?: {tableClass?: string}): ResponsiveRenderer, + }; + + /** + * Responsive version + */ + version: string; + } + } +} + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Options + */ + +interface ConfigResponsive { + /** + * Set the breakpoints for a responsive instance + */ + breakpoints?: Array<Object>; + + /** + * Enable and configure the child rows shown by Responsive for collapsed tables. + */ + details?: boolean | ConfigResponsiveDetails; + + /** + * The data type to request when obtaining data from the DataTable for a specific cell. See the columns.render and cell().render() documentation for full details. + */ + orthogonal?: string; +} + + +interface ApiResponsiveMethods<T> extends Api<T> { + /** + * Determine if Responsive has hidden any columns in the table + * + * @returns true if columns have been hidden, false if not + */ + hasHidden(): boolean + + /** + * DEPRECATED + * Calculate the cell index from a li details element + * + * @param li The li node (or a jQuery collection containing the node) to get the cell index for. + * @returns Cell object that contains the properties row and column. This object can be used as a DataTables cell-selector. + */ + index(li): object; + + /** + * Recalculate the column breakpoints based on the class information of the column header cells + * + * @returns DataTables API instance + */ + rebuild(): Api<T>; + + /** + * Recalculate the widths used by responsive after a change in the display. + * + * @returns DataTables Api instance + */ + recalc(): Api<T>; +} + + +interface ConfigResponsiveDetails { + /** + * Define how the hidden information should be displayed to the end user. + * + * @param row DataTables API instance for the table in question which is pre-populated with the row that is being acted upon - i.e. the result from row(). + * @param update This parameter is used to inform the function what has triggered the function call: + * @param render The data to be shown - this is given as a function so it will be executed only when required (i.e. there is no point in gather data to display if the display function is simply going to hide it). The string returned by this function is that given by the responsive.details.renderer function. It accepts no input parameters. + * @returns boolean true if the display function has shown the hidden data, false + */ + display?(row, update, render): boolean; + + /** + * Define the renderer used to display the child rows. + * + * @param api DataTables API instance for the table in question + * @param rowIdx Row index for the row that the renderer is being asked to render. Use the row() and / or cells() methods to get information from the API about the row so the information can be rendered. + * @param columns Since 2.0.0: An array of objects containing information about each column in the DataTable. The array length is exactly equal to the number of columns in the DataTable, with each column represented by a DataTable in index order. Additionally, the structure of each object in the array is: + * @returns boolean | string `false` - Do not display a child row. Or a string - The information to be shown in the details display, including any required HTML. + */ + renderer?(api, rowIdx, columns): Node | false; + + /** + * As a number it is a column index to the show / hide control should be attached. This can be >=0 to count columns from the left, or <0 to count from the right. + * + * As a string, this option is used as a jQuery selector to determine what element(s) will activate the show / hide control for the details child rows. This provides the ability to use any element in a table - for example you can use the whole row, or a single img element in the row. + */ + target?: number | string; + + /** + * The child row display type to use. This can be one of: `inline`, `column` or `none` + */ + type?: string; +} + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Support + */ + +interface ResponsiveBreakpoint { + /** + * Breakpoint name + */ + name: string; + + /** + * Breakpoint width + */ + width: number; +} + +interface ResponsiveRenderer { + /** + * Rendering functions for Responsive + */ + (api: Api<any>, rowIdx: number, columns: ResponsiveColumn[]): Node | false; +} + +interface ResponsiveDisplay { + /** + * Display function for Responsive. + * + * @param row DataTables API row() for the row in question + * @param update Indicates if this is a redraw (true) or a fresh draw (false) + * @param render Rendering function to be executed to get the data to show for the row + */ + (row: Api<any>, update: boolean, render: () => Node): boolean; +} + +interface ResponsiveColumn { + className: string; + columnIndex: number; + data: any; + hidden: boolean; + rowIndex: number; + title: string; +} diff --git a/src/index.html b/src/index.html index 5e40c9f1f9d0cdc6f68eb0d127969dbd10a83981..e8e17493546b0d815a5144a3bfe959ba704457a6 100644 --- a/src/index.html +++ b/src/index.html @@ -5,22 +5,20 @@ <title>FeedingInc</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> - <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" /> - <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script> + <!-- <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" /> --> + <link rel="stylesheet" href="../node_modules/datatables.net-dt/css/jquery.dataTables.css"/> + <script src="../node_modules/datatables.net/js/jquery.dataTables.js"></script> + <!-- <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script> --> - <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.4.1/css/responsive.dataTables.min.css"> - <script src="https://cdn.datatables.net/responsive/2.4.1/js/dataTables.responsive.min.js"></script> + <!-- <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.4.1/css/responsive.dataTables.min.css"> --> + <link rel="stylesheet" href="../node_modules/Responsive-2.4.1/css/responsive.bootstrap.min.css"> + <script src="../node_modules/Responsive-2.4.1/js/dataTables.responsive.min.js"></script> + <!-- <script src="https://cdn.datatables.net/responsive/2.4.1/js/dataTables.responsive.min.js"></script> --> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css"> - - <!-- <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap.min.css"> - <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.4.1/css/responsive.bootstrap.min.css"> --> - - - </head> <body> <div class="container-fluid overflow-hidden"> diff --git a/src/login.html b/src/login.html index 7ef4742328e7ea2f4b6998f06701c22905875ba8..6a2ad969570fd24e45ce51fcc99ea8c64ff8fc64 100644 --- a/src/login.html +++ b/src/login.html @@ -41,7 +41,8 @@ </section> </section> - <script src="https://unpkg.com/axios/dist/axios.min.js"></script> + <!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> --> + <script src="../node_modules/axios/dist/axios.min.js"></script> <!-- <script src="app.js"></script> --> <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script> <script src="login.js"></script> diff --git a/src/reports.html b/src/reports.html index c8f402e291420c3697c604344a96518ca98676b7..5e2bfdbab758fac8eef30cb0f0a01f4b935146f4 100644 --- a/src/reports.html +++ b/src/reports.html @@ -5,9 +5,11 @@ <title>FeedingInc</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> - <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" /> + <!-- <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" /> --> + <link rel="stylesheet" href="../node_modules/datatables.net-dt/css/jquery.dataTables.css"/> - <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script> + <!-- <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script> --> + <script src="../node_modules/datatables.net/js/jquery.dataTables.js"></script> <link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css">