From 9e97f78b53bae9dc4c700f5a627735da21c8055e Mon Sep 17 00:00:00 2001 From: Nadan Gergeo Date: Wed, 1 Feb 2023 06:41:05 +0100 Subject: [PATCH] Release v6.1.0 --- Gruntfile.js | 2 +- README.md | 75 +++++++- bower.json | 2 +- dist/css/rwd-table.css | 33 +++- dist/css/rwd-table.min.css | 4 +- dist/js/rwd-table.js | 288 ++++++++++++++++++++++++---- dist/js/rwd-table.min.js | 4 +- docs/css/rwd-table.css | 33 +++- docs/css/rwd-table.min.css | 4 +- docs/index.html | 381 ++++++++++++++++++++++++++++++++++--- docs/js/docs.js | 9 + docs/js/docs.min.js | 2 +- docs/js/rwd-table.js | 288 ++++++++++++++++++++++++---- docs/js/rwd-table.min.js | 4 +- package-lock.json | 162 ++++++++-------- package.json | 16 +- 16 files changed, 1096 insertions(+), 211 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index 4c8f8ad..e8552d8 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -95,7 +95,7 @@ module.exports = function(grunt) { watch: { src: { // rebuild if files in src changes - files: ['src/**', 'docs/**'], + files: ['src/**'], tasks: ['build'], options: { livereload: { diff --git a/README.md b/README.md index 6194925..26d229b 100644 --- a/README.md +++ b/README.md @@ -88,7 +88,9 @@ You can initalize the table without writing any JavaScript, just like Bootstrap. ```html ``` @@ -99,9 +101,9 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap Name - type - default - description + Type + Default + Description @@ -114,6 +116,61 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap

Tips: When initalizing via JavaScript, add data-pattern="" to responsive tables you wan't to exclude.

+ + sortable + boolean + false + +

+ Makes the table sortable by columns. Simply click a header to sort it. Reversed toggling if shiftKey is active. +

+

+ The sort function uses the attribute 'data-value' on a cell if it exists, otherwise it uses the 'innerText' prop (the content of the cell). + Useful if you want the value presented in a certain format, and the sort based on the value in another format. +

+

+ Tip: You can also trigger a sort like this: +

+ 
$(function() {
+  $('#myTableWrapper).responsiveTable(
+    'sortColumn, // name of function to trigger
+    [ // args array
+      pos-x, // x position of column
+      dir // sort direction (-1|1|0)
+    ]
+  );
+});
+

+ Note: Default is set to false, i.e. the feature is opt-in, to avoid potential click-event conflicts. +

+ + + + + compareFunction + function + + 
function(a, b, dir) {
+  return a[0].localeCompare(
+    b[0], 
+    undefined, 
+    { numeric: true }
+  ) < 0 ? -dir : dir;
+}
+ + +

+ The default compare function uses String.prototype.localeCompare to sort the table columns. + But you can also pass your own custom compare function for sorting, when initializing via JavaScript. This is in case the built in compare function does not work for you (depends a lot on how the data is formatted). +

+

+ The function should take a (string), b (string) and dir (-1|1) as arguments and return -1, 0 or 1. +

+

+ Note: localeCompare is still highly recommended to base the function on. +

+ + stickyTableHeader boolean @@ -154,11 +211,11 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap i18n object - { - focus : 'Focus', - display : 'Display', - displayAll : 'Display all' - } + 
{
+  focus : 'Focus',
+  display : 'Display',
+  displayAll : 'Display all'
+}
Used to translate the buttons (only works if you initialize via JavaScript). diff --git a/bower.json b/bower.json index 3b86a2d..b39181b 100644 --- a/bower.json +++ b/bower.json @@ -1,7 +1,7 @@ { "name": "RWD-Table-Patterns", "description": "This is an awesome solution for responsive tables with complex data.", - "version": "6.0.2", + "version": "6.1.0", "keywords": [ "RWD", "responsive", diff --git a/dist/css/rwd-table.css b/dist/css/rwd-table.css index c0da4d4..c64eac4 100644 --- a/dist/css/rwd-table.css +++ b/dist/css/rwd-table.css @@ -1,5 +1,5 @@ /*! - * Responsive Tables v6.0.2 (http://gergeo.se/RWD-Table-Patterns) + * Responsive Tables v6.1.0 (http://gergeo.se/RWD-Table-Patterns) * This is an awesome solution for responsive tables with complex data. * Authors: Nadan Gergeo (www.blimp.se), Lucas Wiener & "Maggie Wachs (www.filamentgroup.com)" * Licensed under MIT (https://github.com/nadangergeo/RWD-Table-Patterns/blob/master/LICENSE-MIT) @@ -109,6 +109,14 @@ .table-responsive[data-pattern="priority-columns"] > .table { margin-bottom: 0; } +.table-responsive[data-pattern="priority-columns"] > .table > thead > tr > th, +.table-responsive[data-pattern="priority-columns"] > .table > tbody > tr > th, +.table-responsive[data-pattern="priority-columns"] > .table > tfoot > tr > th, +.table-responsive[data-pattern="priority-columns"] > .table > thead > tr > td, +.table-responsive[data-pattern="priority-columns"] > .table > tbody > tr > td, +.table-responsive[data-pattern="priority-columns"] > .table > tfoot > tr > td { + position: relative; +} .table-responsive[data-pattern="priority-columns"] > .table-tighten > thead > tr > th, .table-responsive[data-pattern="priority-columns"] > .table-tighten > tbody > tr > th, .table-responsive[data-pattern="priority-columns"] > .table-tighten > tfoot > tr > th, @@ -378,6 +386,7 @@ table.focus-on tfoot tr.focused td { .sticky-table-header > .table > tbody > tr > td, .sticky-table-header > .table > tfoot > tr > td { border-color: var(--bs-border-color); + position: relative; } .sticky-table-header > .table-tighten > thead > tr > th, .sticky-table-header > .table-tighten > tbody > tr > th, @@ -412,3 +421,25 @@ table.focus-on tfoot tr.focused td { .sticky-table-header > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } +.table-responsive[data-sorting-active=true] thead th:not([colSpan]), +.table-responsive[data-sorting-active=true] thead th[colSpan="1"] { + cursor: pointer; + padding-right: 1.5rem; +} +.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted]:after, +.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted]:after { + display: block; + width: auto; + height: auto; + position: absolute; + right: 5px; + bottom: 0.5rem; +} +.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted="asc"]:after, +.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted="asc"]:after { + content: '↑'; +} +.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted="desc"]:after, +.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted="desc"]:after { + content: '↓'; +} diff --git a/dist/css/rwd-table.min.css b/dist/css/rwd-table.min.css index 79526ae..7089bf1 100644 --- a/dist/css/rwd-table.min.css +++ b/dist/css/rwd-table.min.css @@ -1,7 +1,7 @@ /*! - * Responsive Tables v6.0.2 (http://gergeo.se/RWD-Table-Patterns) + * Responsive Tables v6.1.0 (http://gergeo.se/RWD-Table-Patterns) * This is an awesome solution for responsive tables with complex data. * Authors: Nadan Gergeo (www.blimp.se), Lucas Wiener & "Maggie Wachs (www.filamentgroup.com)" * Licensed under MIT (https://github.com/nadangergeo/RWD-Table-Patterns/blob/master/LICENSE-MIT) */ -:root{--responsive-table-dropdown-hover-bg:#f2f2f2}.dropdown-menu>li.checkbox-row{padding:8px 16px}.dropdown-menu li.checkbox-row{display:block;display:flex;align-items:center;clear:both;font-weight:normal;line-height:calc(var(--bs-body-line-height) * 1rem);color:var(--bs-link-color);white-space:nowrap}.dropdown-menu li.checkbox-row label{font-size:.75rem;font-weight:600;margin-left:.5em;color:var(--bs-dark);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown-menu li.checkbox-row:hover,.dropdown-menu li.checkbox-row input:hover,.dropdown-menu li.checkbox-row label:hover{cursor:pointer}.no-touch .dropdown-menu>.checkbox-row:hover,.no-touch .dropdown-menu>.checkbox-row:active{text-decoration:none;background-color:var(--responsive-table-dropdown-hover-bg)}.btn-toolbar{margin-bottom:calc(var(--bs-body-line-height) * 1rem)}.btn-toolbar .btn-outline-primary.btn-primary{color:var(--bs-white)}.lt-ie8 .btn-toolbar{display:none}.table-responsive{border-radius:var(--bs-border-radius);border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}.table-responsive>.table{margin-bottom:0}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered thead tr:last-child{border-bottom-width:2px}.table-responsive>.table-bordered>thead,.table-responsive>.table-bordered>tbody,.table-responsive>.table-bordered>tfoot{border-color:var(--bs-border-color)}.table-responsive>.table-bordered>thead>th,.table-responsive>.table-bordered>tbody>th,.table-responsive>.table-bordered>tfoot>th,.table-responsive>.table-bordered>thead>td,.table-responsive>.table-bordered>tbody>td,.table-responsive>.table-bordered>tfoot>td{border-color:var(--bs-border-color)}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive[data-pattern="priority-columns"]{width:100%;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border-radius:var(--bs-border-radius);border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);-webkit-overflow-scrolling:touch}.table-responsive[data-pattern="priority-columns"]>.table{margin-bottom:0}.table-responsive[data-pattern="priority-columns"]>.table-tighten>thead>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tbody>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tfoot>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>thead>tr>td,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tbody>tr>td,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tfoot>tr>td{white-space:nowrap}.table-responsive[data-pattern="priority-columns"]>.table-bordered{border:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr{border-color:var(--bs-border-color)}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr td{border-color:var(--bs-border-color)}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive.absolute-solution{position:relative}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="0"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="0"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="0"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="0"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:none}.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"]{display:table-cell}@media screen and (min-width:480px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"]{display:table-cell}}@media screen and (min-width:640px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"]{display:table-cell}}@media screen and (min-width:800px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"]{display:table-cell}}@media screen and (min-width:960px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"]{display:table-cell}}@media screen and (min-width:1120px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:table-cell}}.mq.js .table-responsive[data-pattern="priority-columns"] th.cell-hide,.mq.js.lt-ie10 .sticky-table-header th.cell-hide,.mq.js .table-responsive[data-pattern="priority-columns"] td.cell-hide,.mq.js.lt-ie10 .sticky-table-header td.cell-hide{display:none}.mq.js .table-responsive[data-pattern="priority-columns"] th.cell-show,.mq.js.lt-ie10 .sticky-table-header th.cell-show,.mq.js .table-responsive[data-pattern="priority-columns"] td.cell-show,.mq.js.lt-ie10 .sticky-table-header td.cell-show{display:table-cell}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"] th.cell-show,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header th.cell-show,.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"] td.cell-show,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header td.cell-show{display:inline}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all th,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all th,.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all td,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all td{display:inline !important}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all th[data-priority="-1"],.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all th[data-priority="-1"],.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all td[data-priority="-1"],.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all td[data-priority="-1"]{display:none !important}.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all th,.mq.js.lt-ie10 .sticky-table-header table.display-all th,.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all td,.mq.js.lt-ie10 .sticky-table-header table.display-all td{display:table-cell !important}.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all th[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header table.display-all th[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all td[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header table.display-all td[data-priority="-1"]{display:none !important}table.table-small-font{font-size:.85rem;-webkit-text-size-adjust:none;line-height:var(--bs-body-line-height)}table.focus-on tbody tr:hover,table.focus-on tfoot tr:hover{cursor:pointer}table.focus-on tbody tr.unfocused th,table.focus-on tfoot tr.unfocused th,table.focus-on tbody tr.unfocused td,table.focus-on tfoot tr.unfocused td{color:var(--bs-gray);opacity:.75}table.focus-on tbody tr.focused th,table.focus-on tfoot tr.focused th,table.focus-on tbody tr.focused td,table.focus-on tfoot tr.focused td{background-color:var(--bs-primary);color:var(--bs-white);opacity:1 !important}.sticky-table-header{background-color:#fff;border:none;border-radius:0;border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);visibility:hidden;z-index:990;overflow:hidden}.fixed-solution .sticky-table-header{position:fixed;min-width:0}.absolute-solution .sticky-table-header{position:absolute;min-width:100%;top:0}.sticky-table-header.border-radius-fix{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.sticky-table-header>.table{margin-bottom:0}.sticky-table-header>.table>thead>tr,.sticky-table-header>.table>tbody>tr,.sticky-table-header>.table>tfoot>tr{border-color:var(--bs-border-color)}.sticky-table-header>.table>thead>tr>th,.sticky-table-header>.table>tbody>tr>th,.sticky-table-header>.table>tfoot>tr>th,.sticky-table-header>.table>thead>tr>td,.sticky-table-header>.table>tbody>tr>td,.sticky-table-header>.table>tfoot>tr>td{border-color:var(--bs-border-color)}.sticky-table-header>.table-tighten>thead>tr>th,.sticky-table-header>.table-tighten>tbody>tr>th,.sticky-table-header>.table-tighten>tfoot>tr>th,.sticky-table-header>.table-tighten>thead>tr>td,.sticky-table-header>.table-tighten>tbody>tr>td,.sticky-table-header>.table-tighten>tfoot>tr>td{white-space:nowrap}.sticky-table-header>.table-bordered{border:0}.sticky-table-header>.table-bordered>thead>tr>th:first-child,.sticky-table-header>.table-bordered>tbody>tr>th:first-child,.sticky-table-header>.table-bordered>tfoot>tr>th:first-child,.sticky-table-header>.table-bordered>thead>tr>td:first-child,.sticky-table-header>.table-bordered>tbody>tr>td:first-child,.sticky-table-header>.table-bordered>tfoot>tr>td:first-child{border-left:0}.sticky-table-header>.table-bordered>thead>tr>th:last-child,.sticky-table-header>.table-bordered>tbody>tr>th:last-child,.sticky-table-header>.table-bordered>tfoot>tr>th:last-child,.sticky-table-header>.table-bordered>thead>tr>td:last-child,.sticky-table-header>.table-bordered>tbody>tr>td:last-child,.sticky-table-header>.table-bordered>tfoot>tr>td:last-child{border-right:0}.sticky-table-header>.table-bordered>tbody>tr:last-child>th,.sticky-table-header>.table-bordered>tfoot>tr:last-child>th,.sticky-table-header>.table-bordered>tbody>tr:last-child>td,.sticky-table-header>.table-bordered>tfoot>tr:last-child>td{border-bottom:0} \ No newline at end of file +:root{--responsive-table-dropdown-hover-bg:#f2f2f2}.dropdown-menu>li.checkbox-row{padding:8px 16px}.dropdown-menu li.checkbox-row{display:block;display:flex;align-items:center;clear:both;font-weight:normal;line-height:calc(var(--bs-body-line-height) * 1rem);color:var(--bs-link-color);white-space:nowrap}.dropdown-menu li.checkbox-row label{font-size:.75rem;font-weight:600;margin-left:.5em;color:var(--bs-dark);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown-menu li.checkbox-row:hover,.dropdown-menu li.checkbox-row input:hover,.dropdown-menu li.checkbox-row label:hover{cursor:pointer}.no-touch .dropdown-menu>.checkbox-row:hover,.no-touch .dropdown-menu>.checkbox-row:active{text-decoration:none;background-color:var(--responsive-table-dropdown-hover-bg)}.btn-toolbar{margin-bottom:calc(var(--bs-body-line-height) * 1rem)}.btn-toolbar .btn-outline-primary.btn-primary{color:var(--bs-white)}.lt-ie8 .btn-toolbar{display:none}.table-responsive{border-radius:var(--bs-border-radius);border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}.table-responsive>.table{margin-bottom:0}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered thead tr:last-child{border-bottom-width:2px}.table-responsive>.table-bordered>thead,.table-responsive>.table-bordered>tbody,.table-responsive>.table-bordered>tfoot{border-color:var(--bs-border-color)}.table-responsive>.table-bordered>thead>th,.table-responsive>.table-bordered>tbody>th,.table-responsive>.table-bordered>tfoot>th,.table-responsive>.table-bordered>thead>td,.table-responsive>.table-bordered>tbody>td,.table-responsive>.table-bordered>tfoot>td{border-color:var(--bs-border-color)}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive[data-pattern="priority-columns"]{width:100%;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border-radius:var(--bs-border-radius);border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);-webkit-overflow-scrolling:touch}.table-responsive[data-pattern="priority-columns"]>.table{margin-bottom:0}.table-responsive[data-pattern="priority-columns"]>.table>thead>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>tbody>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>tfoot>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>thead>tr>td,.table-responsive[data-pattern="priority-columns"]>.table>tbody>tr>td,.table-responsive[data-pattern="priority-columns"]>.table>tfoot>tr>td{position:relative}.table-responsive[data-pattern="priority-columns"]>.table-tighten>thead>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tbody>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tfoot>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>thead>tr>td,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tbody>tr>td,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tfoot>tr>td{white-space:nowrap}.table-responsive[data-pattern="priority-columns"]>.table-bordered{border:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr{border-color:var(--bs-border-color)}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr td{border-color:var(--bs-border-color)}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive.absolute-solution{position:relative}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="0"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="0"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="0"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="0"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:none}.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"]{display:table-cell}@media screen and (min-width:480px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"]{display:table-cell}}@media screen and (min-width:640px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"]{display:table-cell}}@media screen and (min-width:800px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"]{display:table-cell}}@media screen and (min-width:960px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"]{display:table-cell}}@media screen and (min-width:1120px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:table-cell}}.mq.js .table-responsive[data-pattern="priority-columns"] th.cell-hide,.mq.js.lt-ie10 .sticky-table-header th.cell-hide,.mq.js .table-responsive[data-pattern="priority-columns"] td.cell-hide,.mq.js.lt-ie10 .sticky-table-header td.cell-hide{display:none}.mq.js .table-responsive[data-pattern="priority-columns"] th.cell-show,.mq.js.lt-ie10 .sticky-table-header th.cell-show,.mq.js .table-responsive[data-pattern="priority-columns"] td.cell-show,.mq.js.lt-ie10 .sticky-table-header td.cell-show{display:table-cell}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"] th.cell-show,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header th.cell-show,.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"] td.cell-show,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header td.cell-show{display:inline}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all th,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all th,.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all td,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all td{display:inline !important}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all th[data-priority="-1"],.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all th[data-priority="-1"],.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all td[data-priority="-1"],.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all td[data-priority="-1"]{display:none !important}.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all th,.mq.js.lt-ie10 .sticky-table-header table.display-all th,.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all td,.mq.js.lt-ie10 .sticky-table-header table.display-all td{display:table-cell !important}.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all th[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header table.display-all th[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all td[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header table.display-all td[data-priority="-1"]{display:none !important}table.table-small-font{font-size:.85rem;-webkit-text-size-adjust:none;line-height:var(--bs-body-line-height)}table.focus-on tbody tr:hover,table.focus-on tfoot tr:hover{cursor:pointer}table.focus-on tbody tr.unfocused th,table.focus-on tfoot tr.unfocused th,table.focus-on tbody tr.unfocused td,table.focus-on tfoot tr.unfocused td{color:var(--bs-gray);opacity:.75}table.focus-on tbody tr.focused th,table.focus-on tfoot tr.focused th,table.focus-on tbody tr.focused td,table.focus-on tfoot tr.focused td{background-color:var(--bs-primary);color:var(--bs-white);opacity:1 !important}.sticky-table-header{background-color:#fff;border:none;border-radius:0;border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);visibility:hidden;z-index:990;overflow:hidden}.fixed-solution .sticky-table-header{position:fixed;min-width:0}.absolute-solution .sticky-table-header{position:absolute;min-width:100%;top:0}.sticky-table-header.border-radius-fix{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.sticky-table-header>.table{margin-bottom:0}.sticky-table-header>.table>thead>tr,.sticky-table-header>.table>tbody>tr,.sticky-table-header>.table>tfoot>tr{border-color:var(--bs-border-color)}.sticky-table-header>.table>thead>tr>th,.sticky-table-header>.table>tbody>tr>th,.sticky-table-header>.table>tfoot>tr>th,.sticky-table-header>.table>thead>tr>td,.sticky-table-header>.table>tbody>tr>td,.sticky-table-header>.table>tfoot>tr>td{border-color:var(--bs-border-color);position:relative}.sticky-table-header>.table-tighten>thead>tr>th,.sticky-table-header>.table-tighten>tbody>tr>th,.sticky-table-header>.table-tighten>tfoot>tr>th,.sticky-table-header>.table-tighten>thead>tr>td,.sticky-table-header>.table-tighten>tbody>tr>td,.sticky-table-header>.table-tighten>tfoot>tr>td{white-space:nowrap}.sticky-table-header>.table-bordered{border:0}.sticky-table-header>.table-bordered>thead>tr>th:first-child,.sticky-table-header>.table-bordered>tbody>tr>th:first-child,.sticky-table-header>.table-bordered>tfoot>tr>th:first-child,.sticky-table-header>.table-bordered>thead>tr>td:first-child,.sticky-table-header>.table-bordered>tbody>tr>td:first-child,.sticky-table-header>.table-bordered>tfoot>tr>td:first-child{border-left:0}.sticky-table-header>.table-bordered>thead>tr>th:last-child,.sticky-table-header>.table-bordered>tbody>tr>th:last-child,.sticky-table-header>.table-bordered>tfoot>tr>th:last-child,.sticky-table-header>.table-bordered>thead>tr>td:last-child,.sticky-table-header>.table-bordered>tbody>tr>td:last-child,.sticky-table-header>.table-bordered>tfoot>tr>td:last-child{border-right:0}.sticky-table-header>.table-bordered>tbody>tr:last-child>th,.sticky-table-header>.table-bordered>tfoot>tr:last-child>th,.sticky-table-header>.table-bordered>tbody>tr:last-child>td,.sticky-table-header>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive[data-sorting-active=true] thead th:not([colSpan]),.table-responsive[data-sorting-active=true] thead th[colSpan="1"]{cursor:pointer;padding-right:1.5rem}.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted]:after,.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted]:after{display:block;width:auto;height:auto;position:absolute;right:5px;bottom:.5rem}.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted="asc"]:after,.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted="asc"]:after{content:'↑'}.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted="desc"]:after,.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted="desc"]:after{content:'↓'} \ No newline at end of file diff --git a/dist/js/rwd-table.js b/dist/js/rwd-table.js index 7676722..53ddc88 100644 --- a/dist/js/rwd-table.js +++ b/dist/js/rwd-table.js @@ -1,5 +1,5 @@ /*! - * Responsive Tables v6.0.2 (http://gergeo.se/RWD-Table-Patterns) + * Responsive Tables v6.1.0 (http://gergeo.se/RWD-Table-Patterns) * This is an awesome solution for responsive tables with complex data. * Authors: Nadan Gergeo (www.blimp.se), Lucas Wiener & "Maggie Wachs (www.filamentgroup.com)" * Licensed under MIT (https://github.com/nadangergeo/RWD-Table-Patterns/blob/master/LICENSE-MIT) @@ -37,8 +37,12 @@ //good to have - for easy access this.$thead = this.$table.find('thead'); - this.$hdrCells = this.$thead.find("tr").first().find('th'); - this.$bodyRows = this.$table.find('tbody, tfoot').find('tr'); + this.$hdrRows = this.$thead.find("tr"); + this.$hdrCells = this.$hdrRows.first().find('th'); // use first row as basis + this.$tbody = this.$table.find('tbody'); + this.$bodyRows = this.$tbody.find('tr'); + this.$footRows = this.$table.find('tfoot').find('tr'); + this.$bodyAndFootRows = $.merge(this.$bodyRows, this.$footRows); // combine tbody and tfoot rows //toolbar and buttons this.$btnToolbar = null; //defined farther down @@ -77,7 +81,7 @@ this.setupTableHeader(); //setup standard cells - this.setupBodyRows(); + this.setupBodyAndFootRows(); //create sticky table head if(this.options.stickyTableHeader){ @@ -92,6 +96,25 @@ // Event binding // ------------------------- + // bind click on rows + this.bindClickOnRows(); + + if(this.options.sortable) { + //apply pattern option as data-attribute, in case it was set via js + this.$tableScrollWrapper.attr('data-sortable', true); + //needed for the css. Makes sure that sorting is actually active before applying styles. + this.$tableScrollWrapper.attr('data-sorting-active', true); + // bind click on theads with sorting function + this.makeSortableByColumns(); + + // for alternate toggling of sort direction + this.shiftKeyActive = false; + // listen on keydown/up and update shiftKeyActive + $(document).on('keydown keyup', function(event) { + that.shiftKeyActive = event.shiftKey; + }); + } + // on orientchange, resize and displayAllBtn-click $(window).bind('orientationchange resize ' + this.displayAllTrigger, function(){ @@ -114,6 +137,10 @@ addFocusBtn: true, // should it have a focus button? focusBtnIcon: 'fa fa-crosshairs', mainContainer: window, + sortable: false, + compareFunction: function(a, b, dir) { + return a[0].localeCompare(b[0], undefined, { numeric: true }) < 0 ? -dir : dir; + }, i18n: { focus : 'Focus', display : 'Display', @@ -127,11 +154,23 @@ this.$tableWrapper = this.$tableScrollWrapper.parent(); }; + ResponsiveTable.prototype.bindClickOnRows = function() { + var that = this; + + if(this.options.addFocusBtn) { + this.$bodyAndFootRows.unbind('click'); // remove old event listeners + this.$bodyAndFootRows.click(function() { + that.focusOnRow($(this)); + }); + } + } + // Create toolbar with buttons ResponsiveTable.prototype.createButtonToolbar = function() { var that = this; - this.$btnToolbar = $('[data-responsive-table-toolbar="' + this.id + '"]').addClass('btn-toolbar justify-content-between'); + this.$btnToolbar = $('[data-responsive-table-toolbar="' + this.id + '"]'); + this.$btnToolbar.addClass('btn-toolbar justify-content-between'); if(this.$btnToolbar.length === 0) { this.$btnToolbar = $('
'); } @@ -159,12 +198,7 @@ // bind click on focus btn this.$focusBtn.click(function(){ - $.proxy(that.activateFocus(), that); - }); - - // bind click on rows - this.$bodyRows.click(function(){ - $.proxy(that.focusOnRow($(this)), that); + that.activateFocus(); }); } else { this.$btnToolbar.append($('
')); //add empty div instead, keeping same layout @@ -199,8 +233,8 @@ }; ResponsiveTable.prototype.clearAllFocus = function() { - this.$bodyRows.removeClass('unfocused'); - this.$bodyRows.removeClass('focused'); + this.$bodyAndFootRows.removeClass('unfocused'); + this.$bodyAndFootRows.removeClass('focused'); }; ResponsiveTable.prototype.activateFocus = function() { @@ -223,7 +257,7 @@ this.clearAllFocus(); if(!alreadyFocused) { - this.$bodyRows.addClass('unfocused'); + this.$bodyAndFootRows.addClass('unfocused'); $(row).addClass('focused'); } } @@ -285,16 +319,16 @@ // bind scroll on mainContainer with updateStickyTableHeader $(this.options.mainContainer).on('scroll', function(event){ - $.proxy(that.updateStickyTableHeader(), that); + that.updateStickyTableHeader(); }); // bind resize on window with updateStickyTableHeader - $(window).on('resize', function(e){ - $.proxy(that.updateStickyTableHeader(), that); + $(window).on('resize', function(event){ + that.updateStickyTableHeader(); }); $(that.$tableScrollWrapper).on('scroll', function(event){ - $.proxy(that.updateStickyTableHeader(), that); + that.updateStickyTableHeader(); }); // determine what solution to use for rendereing sticky table head (aboslute/fixed). @@ -422,6 +456,8 @@ ResponsiveTable.prototype.setupTableHeader = function() { var that = this; + var colSpans = 0; + // for each header column that.$hdrCells.each(function(i){ var $th = $(this), @@ -438,6 +474,15 @@ thText = $th.attr('data-col-name'); } + // add x pos (used for sorting) + $th.attr('data-pos-x', i + colSpans); + + // take account for colspans + var colSpan = parseInt($th.prop('colSpan')); + if(colSpan > 1) { + colSpans += (colSpan - 1); + } + // create the hide/show toggle for the current column if ( $th.is('[data-priority]') && $th.data('priority') !== -1 ) { var $toggle = $('
    • '); @@ -532,22 +577,30 @@ }); // end hdrCells loop if(!$.isEmptyObject(this.headerRowIndices)) { - that.setupRow(this.$thead.find("tr:eq(1)"), this.headerRowIndices); + that.setupRow(this.$thead.find("tr:eq(1)"), this.headerRowIndices, 1); } + + // also give first row in thead an index + this.$hdrRows.first().attr('data-pos-y', 0); }; // Setup body rows // assign matching "data-columns" attributes to the associated cells "(cells with colspan>1 has multiple columns). - ResponsiveTable.prototype.setupBodyRows = function() { + ResponsiveTable.prototype.setupBodyAndFootRows = function() { var that = this; - // for each body rows - that.$bodyRows.each(function(){ - that.setupRow($(this), that.headerColIndices); + // for each body + that.$bodyRows.each(function(index){ + that.setupRow($(this), that.headerColIndices, index); + }); + + // for each footer row + that.$footRows.each(function(index){ + that.setupRow($(this), that.headerColIndices, index); }); }; - ResponsiveTable.prototype.setupRow = function($row, indices) { + ResponsiveTable.prototype.setupRow = function($row, indices, index) { var that = this; //check if it's already set up @@ -556,12 +609,13 @@ return; } else { $row.data('setup', true); + $row.attr('data-pos-y', index); } var idStart = 0; // for each cell - $row.find('th, td').each(function(){ + $row.find('th, td').each(function(i){ var $cell = $(this); var columnsAttr = ''; @@ -590,9 +644,19 @@ //remove whitespace in begining of string. columnsAttr = columnsAttr.substring(1); - //set attribute to cell + //set data-columns attribute to cell $cell.attr('data-columns', columnsAttr); + // x-position (for sorting function) + var rowSpansBeforeCell = 0; + + // Take account to rowspans if it is the seconds row in thead + if($row.parent().prop('tagName') === 'THEAD' && $row.attr('data-pos-y') === "1" && that.rowspansBeforeIndex) { + var rowSpansBeforeCell = that.rowspansBeforeIndex[i] || 0; + } + + $cell.attr('data-pos-x', i + rowSpansBeforeCell); + //increment idStart with the current cells colSpan. idStart = idStart + colSpan; }); @@ -608,7 +672,7 @@ var colPadding = 0; var rowPadding = 0; - this.$thead.find("tr").first().find('th').each(function(i){ + this.$hdrCells.each(function(i){ var $th = $(this); var colSpan = $th.prop('colSpan'); var rowSpan = $th.prop("rowSpan"); @@ -628,27 +692,27 @@ colPadding += colSpan - 1; }); - if(this.$thead.find("tr").length > 2) { - throw new Error("This plugin doesnt support more than two rows in thead."); - } - - if(this.$thead.find("tr").length === 2) { - var $row = $(this.$thead.find("tr")[1]); + if(this.$hdrRows.length === 2) { + var $row = $(this.$hdrRows[1]); $row.find("th").each(function(cellIndex) { that.headerRowIndices[cellIndex] = that.headerColIndices[rowspansBeforeIndex[cellIndex] + cellIndex]; + that.rowspansBeforeIndex = rowspansBeforeIndex; }); + } else if(this.$hdrRows.length > 2) { + throw new Error("This plugin doesnt support more than two rows in thead."); } } // Run this after the content in tbody has changed ResponsiveTable.prototype.update = function() { - this.$bodyRows = this.$table.find('tbody, tfoot').find('tr'); - this.setupBodyRows(); + this.$bodyAndFootRows = this.$table.find('tbody, tfoot').find('tr'); // get fresh list + this.setupBodyAndFootRows(); + this.bindClickOnRows(); // Remove old tbody clone from Tableclone this.$tableClone.find('tbody, tfoot').remove(); - // Make new clone of tbody + // Make new clone of tbody and tfoot var $tbodyClone = this.$table.find('tbody, tfoot').clone(); //replace ids @@ -699,12 +763,160 @@ }); }; + // Utils for sorting + + ResponsiveTable.prototype.getSortedColumn = function(col, dir) { + var that = this; + + for (var i = 0; i < col.length; i++) { + col[i] = [col[i], i]; + } + + var compareFunction; + if(that.options.compareFunction instanceof Function) { + compareFunction = function(a, b) { + return that.options.compareFunction(a, b, dir); + }; + } + + col.sort(compareFunction); + + col.indices = []; + + for (var j = 0; j < col.length; j++) { + col.indices.push(col[j][1]); + col[j] = col[j][0]; + } + + return col; + }; + + ResponsiveTable.prototype.getRestoredColumn = function(col) { + for (var i = 0; i < col.length; i++) { + col[i] = [col[i], i, $(col[i]).attr("data-pos-y")]; + } + + col.sort(function(a, b) { + return a[2].localeCompare(b[2], undefined, { numeric: true }) < 0 ? -1 : 1; + }); + + col.indices = []; + + for (var j = 0; j < col.length; j++) { + col.indices.push(col[j][1]); + col[j] = col[j][0]; + } + + return col; + }; + + var sortDirMapping = { + "asc": 1, + "desc": -1, + "org": 0 + }; + + ResponsiveTable.prototype.sortColumn = function(hdr, dir) { + var that = this; + var $tBody = that.$tbody; + + // if hdr is an number (index), treat as pos-x and use it to get hdr. Otherwise expecting hdr element directly (sent via click-event). + var $hdr = Number.isInteger(hdr) ? that.$thead.find('th[data-pos-x='+ hdr +']') : $(hdr); + var id = $hdr.prop('id'); + var $clone = id.indexOf('-clone') === (id.length - 6) ? $('#' + id.slice(0, id.length - 6)) : $('#' + $(hdr).prop('id') + '-clone'); // the clone is the original if 'hdr' is the clone, and vice versa. + + // get fresh list of rows in tbody + var $tBodyRows = $tBody.find('tr'); + + // get all cells under the column + var posX = $hdr.data('pos-x'); + var col = $tBodyRows.find('[data-pos-x='+ posX +']'); + + var sorted = $hdr.attr("data-sorted"); + + // get all hdr cells if not cached + if(!that.$allHdrCells) { + that.$hdrCellsClones = that.$tableClone ? that.$tableClone.find('thead > tr > th') : []; + that.$allHdrCells = $.merge(this.$hdrRows.find('th'), that.$hdrCellsClones); + } + + // remove sorted attr from all cols + that.$allHdrCells.filter("[data-sorted]").each(function() { + $(this).removeAttr("data-sorted"); + }); + + var sortDir; + + if((that.shiftKeyActive && sorted === "desc") || (!sorted && !that.shiftKeyActive) || dir === 1) { + // add attr to clicked col + $hdr.attr("data-sorted", "asc"); + // do same on clone (sticky) + $clone.attr("data-sorted", "asc"); + sortDir = 1; + } else if((that.shiftKeyActive && !sorted) || (sorted === "asc" && !that.shiftKeyActive) || dir === -1) { + // switch to desc order + $hdr.attr("data-sorted", "desc"); + // do same on clone (sticky) + $clone.attr("data-sorted", "desc"); + sortDir = -1; + } else if((that.shiftKeyActive && sorted === "asc") || (sorted === "desc" && !that.shiftKeyActive) || dir === 0) { + // remove + $hdr.removeAttr("data-sorted"); + // do same on clone (sticky) + $clone.removeAttr("data-sorted"); + sortDir = 0; + } + + if(sortDir !== 0){ + col = col.map(function(i, e) { + // prepare for sorting by just keeping the inner text + return $(e).data('value') || e.innerText; + }).get(); + + // sort + col = that.getSortedColumn(col, sortDir); + } else { + // restore original order + col = that.getRestoredColumn($tBodyRows.get()) + } + + // Now that we have the new order indexes, modify dom into that order. + // This is definetely not the fastest method, but it was the easiest to implement for now. + // Todo: optimize by detatching and appending (moving) rows, instead of cloning and deleting. + for (var i = 0; i < col.length; i++) { + $tBodyRows.eq(col.indices[i]).clone().appendTo($tBody); // add copy to end + } + + for (var i = 0; i < col.length; i++) { + $tBodyRows.eq(i).remove(); // remove old copies at top (unsorted original) + } + + that.$bodyAndFootRows = that.$table.find('tbody, tfoot').find('tr'); // get fresh list + that.bindClickOnRows(); // add click events (focus) + } + + ResponsiveTable.prototype.makeSortableByColumns = function() { + var that = this; + that.$hdrCellsClones = that.$tableClone ? that.$tableClone.find('thead > tr > th') : []; + that.$allHdrCells = $.merge(this.$hdrRows.find('th'), that.$hdrCellsClones); + + that.$allHdrCells.each(function(colIndex){ + if($(this).prop('colSpan') > 1) { + return; + } + + $(this).click(function() { + that.sortColumn(this); + }); + }); + }; + // RESPONSIVE TABLE PLUGIN DEFINITION // =========================== var old = $.fn.responsiveTable; - $.fn.responsiveTable = function (option) { + $.fn.responsiveTable = function (option, args) { return this.each(function () { var $this = $(this); var data = $this.data('responsiveTable'); @@ -718,7 +930,7 @@ $this.data('responsiveTable', (data = new ResponsiveTable(this, options))); } if (typeof option === 'string') { - data[option](); + data[option].apply(data, args); } }); }; diff --git a/dist/js/rwd-table.min.js b/dist/js/rwd-table.min.js index 833a827..1e4c70d 100644 --- a/dist/js/rwd-table.min.js +++ b/dist/js/rwd-table.min.js @@ -1,7 +1,7 @@ /*! - * Responsive Tables v6.0.2 (http://gergeo.se/RWD-Table-Patterns) + * Responsive Tables v6.1.0 (http://gergeo.se/RWD-Table-Patterns) * This is an awesome solution for responsive tables with complex data. * Authors: Nadan Gergeo (www.blimp.se), Lucas Wiener & "Maggie Wachs (www.filamentgroup.com)" * Licensed under MIT (https://github.com/nadangergeo/RWD-Table-Patterns/blob/master/LICENSE-MIT) */ -!function(d){"use strict";var a=function(t,i){var e=this;if(this.options=i,this.$tableWrapper=null,this.$tableScrollWrapper=d(t),this.$table=d(t).find("table"),1!==this.$table.length)throw new Error("Exactly one table is expected in a .table-responsive div.");this.$tableScrollWrapper.attr("data-pattern",this.options.pattern),this.id=this.$table.prop("id")||this.$tableScrollWrapper.prop("id")||"id"+Math.random().toString(16).slice(2),this.$tableClone=null,this.$stickyTableHeader=null,this.$thead=this.$table.find("thead"),this.$hdrCells=this.$thead.find("tr").first().find("th"),this.$bodyRows=this.$table.find("tbody, tfoot").find("tr"),this.$btnToolbar=null,this.$dropdownGroup=null,this.$dropdownBtn=null,this.$dropdownContainer=null,this.$displayAllBtn=null,this.$focusGroup=null,this.$focusBtn=null,this.displayAllTrigger="display-all-"+this.id+".responsive-table",this.idPrefix=this.id+"-col-",this.headerColIndices={},this.headerRowIndices={},this.wrapTable(),this.createButtonToolbar(),this.buildHeaderCellIndices(),this.setupTableHeader(),this.setupBodyRows(),this.options.stickyTableHeader&&this.createStickyTableHeader(),this.$dropdownContainer.is(":empty")&&this.$dropdownGroup.hide(),d(window).bind("orientationchange resize "+this.displayAllTrigger,function(){e.$dropdownContainer.find("input").trigger("updateCheck"),d.proxy(e.updateSpanningCells(),e)}).trigger("resize")};a.DEFAULTS={pattern:"priority-columns",stickyTableHeader:!0,fixedNavbar:".navbar.fixed-top",addDisplayAllBtn:!0,addFocusBtn:!0,focusBtnIcon:"fa fa-crosshairs",mainContainer:window,i18n:{focus:"Focus",display:"Display",displayAll:"Display all"}},a.prototype.wrapTable=function(){this.$tableScrollWrapper.wrap('
    '),this.$tableWrapper=this.$tableScrollWrapper.parent()},a.prototype.createButtonToolbar=function(){var t=this;this.$btnToolbar=d('[data-responsive-table-toolbar="'+this.id+'"]').addClass("btn-toolbar justify-content-between"),0===this.$btnToolbar.length&&(this.$btnToolbar=d('
    ')),this.$dropdownGroup=d('
    '),this.$dropdownBtn=d(''),this.$dropdownContainer=d('
      '),this.options.addFocusBtn?(this.$focusGroup=d('
      '),this.$focusBtn=d('"),this.options.focusBtnIcon&&this.$focusBtn.prepend(' '),this.$focusGroup.append(this.$focusBtn),this.$btnToolbar.append(this.$focusGroup),this.$focusBtn.click(function(){d.proxy(t.activateFocus(),t)}),this.$bodyRows.click(function(){d.proxy(t.focusOnRow(d(this)),t)})):this.$btnToolbar.append(d("
      ")),this.options.addDisplayAllBtn&&(this.$displayAllBtn=d('"),this.$dropdownGroup.append(this.$displayAllBtn),this.$table.hasClass("display-all")&&this.$displayAllBtn.addClass("btn-primary"),this.$displayAllBtn.click(function(){d.proxy(t.displayAll(null,!0),t)})),this.$dropdownGroup.append(this.$dropdownBtn).append(this.$dropdownContainer),this.$btnToolbar.append(this.$dropdownGroup),this.$tableScrollWrapper.before(this.$btnToolbar)},a.prototype.clearAllFocus=function(){this.$bodyRows.removeClass("unfocused"),this.$bodyRows.removeClass("focused")},a.prototype.activateFocus=function(){this.clearAllFocus(),this.$focusBtn&&this.$focusBtn.toggleClass("btn-primary"),this.$table.toggleClass("focus-on")},a.prototype.focusOnRow=function(t){if(this.$table.hasClass("focus-on")){var i=d(t).hasClass("focused");this.clearAllFocus(),i||(this.$bodyRows.addClass("unfocused"),d(t).addClass("focused"))}},a.prototype.displayAll=function(t,i){this.$displayAllBtn&&this.$displayAllBtn.toggleClass("btn-primary",t),this.$table.toggleClass("display-all",t),this.$tableClone&&this.$tableClone.toggleClass("display-all",t),i&&d(window).trigger(this.displayAllTrigger)},a.prototype.preserveDisplayAll=function(){var t="table-cell";d("html").hasClass("lt-ie9")&&(t="inline"),d(this.$table).find("th, td").css("display",t),this.$tableClone&&d(this.$tableClone).find("th, td").css("display",t)},a.prototype.createStickyTableHeader=function(){var i=this;i.$tableClone=i.$table.clone(),i.$tableClone.prop("id",this.id+"-clone"),i.$tableClone.find("[id]").each(function(){d(this).prop("id",d(this).prop("id")+"-clone")}),i.$tableClone.wrap('
      '),i.$stickyTableHeader=i.$tableClone.parent(),i.$stickyTableHeader.css("height",i.$thead.height()+2),i.$table.before(i.$stickyTableHeader),d(this.options.mainContainer).on("scroll",function(t){d.proxy(i.updateStickyTableHeader(),i)}),d(window).on("resize",function(t){d.proxy(i.updateStickyTableHeader(),i)}),d(i.$tableScrollWrapper).on("scroll",function(t){d.proxy(i.updateStickyTableHeader(),i)}),i.useFixedSolution=!e()||8<=function(){{if(e()){var t=parseFloat((""+(/CPU.*OS ([0-9_]{1,5})|(CPU like).*AppleWebKit.*Mobile/i.exec(navigator.userAgent)||[0,""])[1]).replace("undefined","3_2").replace("_",".").replace("_",""));return t}return 0}}(),i.useFixedSolution?i.$tableScrollWrapper.addClass("fixed-solution"):i.$tableScrollWrapper.addClass("absolute-solution")},a.prototype.updateStickyTableHeader=function(){var t,i=this,e=0,o=i.$table.offset().top,a=d(this.options.mainContainer).scrollTop()-1,s=i.$table.height()-i.$stickyTableHeader.height(),n=a+d(this.options.mainContainer).height()-d(document).height(),l=0;d(i.options.fixedNavbar).length&&(a+=l=d(i.options.fixedNavbar).first().outerHeight());if(t=this.options.mainContainer===window?o "),s=a.find("input");n.$dropdownContainer.append(a),a.click(function(t){t.stopPropagation(),s.prop("checked",!s.prop("checked")),s.trigger("change")}),d("html").hasClass("lt-ie9")&&s.click(function(){d(this).trigger("change")}),a.find("label").click(function(t){t.stopPropagation()}),a.find("input").click(function(t){t.stopPropagation()}).change(function(){var e=d(this),t=e.val(),i=n.$tableWrapper.find("#"+t+", #"+t+"-clone, [data-columns~="+t+"]");n.$table.hasClass("display-all")&&(d.proxy(n.preserveDisplayAll(),n),n.$table.removeClass("display-all"),n.$tableClone&&n.$tableClone.removeClass("display-all"),n.$displayAllBtn.removeClass("btn-primary")),i.each(function(){var t=d(this);if(e.is(":checked")){if(!t.closest("thead").length&&"none"!==t.css("display")){var i=Math.min(parseInt(t.prop("colSpan"))+1,t.attr("data-org-colspan"));t.prop("colSpan",i)}t.show()}else!t.closest("thead").length&&1'),this.$tableWrapper=this.$tableScrollWrapper.parent()},a.prototype.bindClickOnRows=function(){var t=this;this.options.addFocusBtn&&(this.$bodyAndFootRows.unbind("click"),this.$bodyAndFootRows.click(function(){t.focusOnRow(u(this))}))},a.prototype.createButtonToolbar=function(){var t=this;this.$btnToolbar=u('[data-responsive-table-toolbar="'+this.id+'"]'),this.$btnToolbar.addClass("btn-toolbar justify-content-between"),0===this.$btnToolbar.length&&(this.$btnToolbar=u('
      ')),this.$dropdownGroup=u('
      '),this.$dropdownBtn=u(''),this.$dropdownContainer=u('
        '),this.options.addFocusBtn?(this.$focusGroup=u('
        '),this.$focusBtn=u('"),this.options.focusBtnIcon&&this.$focusBtn.prepend(' '),this.$focusGroup.append(this.$focusBtn),this.$btnToolbar.append(this.$focusGroup),this.$focusBtn.click(function(){t.activateFocus()})):this.$btnToolbar.append(u("
        ")),this.options.addDisplayAllBtn&&(this.$displayAllBtn=u('"),this.$dropdownGroup.append(this.$displayAllBtn),this.$table.hasClass("display-all")&&this.$displayAllBtn.addClass("btn-primary"),this.$displayAllBtn.click(function(){u.proxy(t.displayAll(null,!0),t)})),this.$dropdownGroup.append(this.$dropdownBtn).append(this.$dropdownContainer),this.$btnToolbar.append(this.$dropdownGroup),this.$tableScrollWrapper.before(this.$btnToolbar)},a.prototype.clearAllFocus=function(){this.$bodyAndFootRows.removeClass("unfocused"),this.$bodyAndFootRows.removeClass("focused")},a.prototype.activateFocus=function(){this.clearAllFocus(),this.$focusBtn&&this.$focusBtn.toggleClass("btn-primary"),this.$table.toggleClass("focus-on")},a.prototype.focusOnRow=function(t){if(this.$table.hasClass("focus-on")){var e=u(t).hasClass("focused");this.clearAllFocus(),e||(this.$bodyAndFootRows.addClass("unfocused"),u(t).addClass("focused"))}},a.prototype.displayAll=function(t,e){this.$displayAllBtn&&this.$displayAllBtn.toggleClass("btn-primary",t),this.$table.toggleClass("display-all",t),this.$tableClone&&this.$tableClone.toggleClass("display-all",t),e&&u(window).trigger(this.displayAllTrigger)},a.prototype.preserveDisplayAll=function(){var t="table-cell";u("html").hasClass("lt-ie9")&&(t="inline"),u(this.$table).find("th, td").css("display",t),this.$tableClone&&u(this.$tableClone).find("th, td").css("display",t)},a.prototype.createStickyTableHeader=function(){var e=this;e.$tableClone=e.$table.clone(),e.$tableClone.prop("id",this.id+"-clone"),e.$tableClone.find("[id]").each(function(){u(this).prop("id",u(this).prop("id")+"-clone")}),e.$tableClone.wrap('
        '),e.$stickyTableHeader=e.$tableClone.parent(),e.$stickyTableHeader.css("height",e.$thead.height()+2),e.$table.before(e.$stickyTableHeader),u(this.options.mainContainer).on("scroll",function(t){e.updateStickyTableHeader()}),u(window).on("resize",function(t){e.updateStickyTableHeader()}),u(e.$tableScrollWrapper).on("scroll",function(t){e.updateStickyTableHeader()}),e.useFixedSolution=!o()||8<=function(){{if(o()){var t=parseFloat((""+(/CPU.*OS ([0-9_]{1,5})|(CPU like).*AppleWebKit.*Mobile/i.exec(navigator.userAgent)||[0,""])[1]).replace("undefined","3_2").replace("_",".").replace("_",""));return t}return 0}}(),e.useFixedSolution?e.$tableScrollWrapper.addClass("fixed-solution"):e.$tableScrollWrapper.addClass("absolute-solution")},a.prototype.updateStickyTableHeader=function(){var t,e=this,o=0,i=e.$table.offset().top,s=u(this.options.mainContainer).scrollTop()-1,a=e.$table.height()-e.$stickyTableHeader.height(),n=s+u(this.options.mainContainer).height()-u(document).height(),r=0;u(e.options.fixedNavbar).length&&(s+=r=u(e.options.fixedNavbar).first().outerHeight());if(t=this.options.mainContainer===window?i "),n=a.find("input");r.$dropdownContainer.append(a),a.click(function(t){t.stopPropagation(),n.prop("checked",!n.prop("checked")),n.trigger("change")}),u("html").hasClass("lt-ie9")&&n.click(function(){u(this).trigger("change")}),a.find("label").click(function(t){t.stopPropagation()}),a.find("input").click(function(t){t.stopPropagation()}).change(function(){var o=u(this),t=o.val(),e=r.$tableWrapper.find("#"+t+", #"+t+"-clone, [data-columns~="+t+"]");r.$table.hasClass("display-all")&&(u.proxy(r.preserveDisplayAll(),r),r.$table.removeClass("display-all"),r.$tableClone&&r.$tableClone.removeClass("display-all"),r.$displayAllBtn.removeClass("btn-primary")),e.each(function(){var t=u(this);if(o.is(":checked")){if(!t.closest("thead").length&&"none"!==t.css("display")){var e=Math.min(parseInt(t.prop("colSpan"))+1,t.attr("data-org-colspan"));t.prop("colSpan",e)}t.show()}else!t.closest("thead").length&&1 tr > th"):[],i.$allHdrCells=u.merge(this.$hdrRows.find("th"),i.$hdrCellsClones)),i.$allHdrCells.filter("[data-sorted]").each(function(){u(this).removeAttr("data-sorted")}),i.shiftKeyActive&&"desc"===h||!h&&!i.shiftKeyActive||1===e?(a.attr("data-sorted","asc"),r.attr("data-sorted","asc"),o=1):i.shiftKeyActive&&!h||"asc"===h&&!i.shiftKeyActive||-1===e?(a.attr("data-sorted","desc"),r.attr("data-sorted","desc"),o=-1):(i.shiftKeyActive&&"asc"===h||"desc"===h&&!i.shiftKeyActive||0===e)&&(a.removeAttr("data-sorted"),r.removeAttr("data-sorted"),o=0),p=0!==o?(p=p.map(function(t,e){return u(e).data("value")||e.innerText}).get(),i.getSortedColumn(p,o)):i.getRestoredColumn(l.get());for(var c=0;c tr > th"):[],e.$allHdrCells=u.merge(this.$hdrRows.find("th"),e.$hdrCellsClones),e.$allHdrCells.each(function(t){1 (www.blimp.se), Lucas Wiener & "Maggie Wachs (www.filamentgroup.com)" * Licensed under MIT (https://github.com/nadangergeo/RWD-Table-Patterns/blob/master/LICENSE-MIT) @@ -109,6 +109,14 @@ .table-responsive[data-pattern="priority-columns"] > .table { margin-bottom: 0; } +.table-responsive[data-pattern="priority-columns"] > .table > thead > tr > th, +.table-responsive[data-pattern="priority-columns"] > .table > tbody > tr > th, +.table-responsive[data-pattern="priority-columns"] > .table > tfoot > tr > th, +.table-responsive[data-pattern="priority-columns"] > .table > thead > tr > td, +.table-responsive[data-pattern="priority-columns"] > .table > tbody > tr > td, +.table-responsive[data-pattern="priority-columns"] > .table > tfoot > tr > td { + position: relative; +} .table-responsive[data-pattern="priority-columns"] > .table-tighten > thead > tr > th, .table-responsive[data-pattern="priority-columns"] > .table-tighten > tbody > tr > th, .table-responsive[data-pattern="priority-columns"] > .table-tighten > tfoot > tr > th, @@ -378,6 +386,7 @@ table.focus-on tfoot tr.focused td { .sticky-table-header > .table > tbody > tr > td, .sticky-table-header > .table > tfoot > tr > td { border-color: var(--bs-border-color); + position: relative; } .sticky-table-header > .table-tighten > thead > tr > th, .sticky-table-header > .table-tighten > tbody > tr > th, @@ -412,3 +421,25 @@ table.focus-on tfoot tr.focused td { .sticky-table-header > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } +.table-responsive[data-sorting-active=true] thead th:not([colSpan]), +.table-responsive[data-sorting-active=true] thead th[colSpan="1"] { + cursor: pointer; + padding-right: 1.5rem; +} +.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted]:after, +.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted]:after { + display: block; + width: auto; + height: auto; + position: absolute; + right: 5px; + bottom: 0.5rem; +} +.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted="asc"]:after, +.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted="asc"]:after { + content: '↑'; +} +.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted="desc"]:after, +.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted="desc"]:after { + content: '↓'; +} diff --git a/docs/css/rwd-table.min.css b/docs/css/rwd-table.min.css index 79526ae..7089bf1 100644 --- a/docs/css/rwd-table.min.css +++ b/docs/css/rwd-table.min.css @@ -1,7 +1,7 @@ /*! - * Responsive Tables v6.0.2 (http://gergeo.se/RWD-Table-Patterns) + * Responsive Tables v6.1.0 (http://gergeo.se/RWD-Table-Patterns) * This is an awesome solution for responsive tables with complex data. * Authors: Nadan Gergeo (www.blimp.se), Lucas Wiener & "Maggie Wachs (www.filamentgroup.com)" * Licensed under MIT (https://github.com/nadangergeo/RWD-Table-Patterns/blob/master/LICENSE-MIT) */ -:root{--responsive-table-dropdown-hover-bg:#f2f2f2}.dropdown-menu>li.checkbox-row{padding:8px 16px}.dropdown-menu li.checkbox-row{display:block;display:flex;align-items:center;clear:both;font-weight:normal;line-height:calc(var(--bs-body-line-height) * 1rem);color:var(--bs-link-color);white-space:nowrap}.dropdown-menu li.checkbox-row label{font-size:.75rem;font-weight:600;margin-left:.5em;color:var(--bs-dark);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown-menu li.checkbox-row:hover,.dropdown-menu li.checkbox-row input:hover,.dropdown-menu li.checkbox-row label:hover{cursor:pointer}.no-touch .dropdown-menu>.checkbox-row:hover,.no-touch .dropdown-menu>.checkbox-row:active{text-decoration:none;background-color:var(--responsive-table-dropdown-hover-bg)}.btn-toolbar{margin-bottom:calc(var(--bs-body-line-height) * 1rem)}.btn-toolbar .btn-outline-primary.btn-primary{color:var(--bs-white)}.lt-ie8 .btn-toolbar{display:none}.table-responsive{border-radius:var(--bs-border-radius);border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}.table-responsive>.table{margin-bottom:0}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered thead tr:last-child{border-bottom-width:2px}.table-responsive>.table-bordered>thead,.table-responsive>.table-bordered>tbody,.table-responsive>.table-bordered>tfoot{border-color:var(--bs-border-color)}.table-responsive>.table-bordered>thead>th,.table-responsive>.table-bordered>tbody>th,.table-responsive>.table-bordered>tfoot>th,.table-responsive>.table-bordered>thead>td,.table-responsive>.table-bordered>tbody>td,.table-responsive>.table-bordered>tfoot>td{border-color:var(--bs-border-color)}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive[data-pattern="priority-columns"]{width:100%;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border-radius:var(--bs-border-radius);border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);-webkit-overflow-scrolling:touch}.table-responsive[data-pattern="priority-columns"]>.table{margin-bottom:0}.table-responsive[data-pattern="priority-columns"]>.table-tighten>thead>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tbody>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tfoot>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>thead>tr>td,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tbody>tr>td,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tfoot>tr>td{white-space:nowrap}.table-responsive[data-pattern="priority-columns"]>.table-bordered{border:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr{border-color:var(--bs-border-color)}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr td{border-color:var(--bs-border-color)}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive.absolute-solution{position:relative}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="0"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="0"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="0"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="0"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:none}.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"]{display:table-cell}@media screen and (min-width:480px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"]{display:table-cell}}@media screen and (min-width:640px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"]{display:table-cell}}@media screen and (min-width:800px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"]{display:table-cell}}@media screen and (min-width:960px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"]{display:table-cell}}@media screen and (min-width:1120px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:table-cell}}.mq.js .table-responsive[data-pattern="priority-columns"] th.cell-hide,.mq.js.lt-ie10 .sticky-table-header th.cell-hide,.mq.js .table-responsive[data-pattern="priority-columns"] td.cell-hide,.mq.js.lt-ie10 .sticky-table-header td.cell-hide{display:none}.mq.js .table-responsive[data-pattern="priority-columns"] th.cell-show,.mq.js.lt-ie10 .sticky-table-header th.cell-show,.mq.js .table-responsive[data-pattern="priority-columns"] td.cell-show,.mq.js.lt-ie10 .sticky-table-header td.cell-show{display:table-cell}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"] th.cell-show,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header th.cell-show,.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"] td.cell-show,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header td.cell-show{display:inline}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all th,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all th,.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all td,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all td{display:inline !important}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all th[data-priority="-1"],.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all th[data-priority="-1"],.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all td[data-priority="-1"],.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all td[data-priority="-1"]{display:none !important}.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all th,.mq.js.lt-ie10 .sticky-table-header table.display-all th,.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all td,.mq.js.lt-ie10 .sticky-table-header table.display-all td{display:table-cell !important}.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all th[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header table.display-all th[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all td[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header table.display-all td[data-priority="-1"]{display:none !important}table.table-small-font{font-size:.85rem;-webkit-text-size-adjust:none;line-height:var(--bs-body-line-height)}table.focus-on tbody tr:hover,table.focus-on tfoot tr:hover{cursor:pointer}table.focus-on tbody tr.unfocused th,table.focus-on tfoot tr.unfocused th,table.focus-on tbody tr.unfocused td,table.focus-on tfoot tr.unfocused td{color:var(--bs-gray);opacity:.75}table.focus-on tbody tr.focused th,table.focus-on tfoot tr.focused th,table.focus-on tbody tr.focused td,table.focus-on tfoot tr.focused td{background-color:var(--bs-primary);color:var(--bs-white);opacity:1 !important}.sticky-table-header{background-color:#fff;border:none;border-radius:0;border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);visibility:hidden;z-index:990;overflow:hidden}.fixed-solution .sticky-table-header{position:fixed;min-width:0}.absolute-solution .sticky-table-header{position:absolute;min-width:100%;top:0}.sticky-table-header.border-radius-fix{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.sticky-table-header>.table{margin-bottom:0}.sticky-table-header>.table>thead>tr,.sticky-table-header>.table>tbody>tr,.sticky-table-header>.table>tfoot>tr{border-color:var(--bs-border-color)}.sticky-table-header>.table>thead>tr>th,.sticky-table-header>.table>tbody>tr>th,.sticky-table-header>.table>tfoot>tr>th,.sticky-table-header>.table>thead>tr>td,.sticky-table-header>.table>tbody>tr>td,.sticky-table-header>.table>tfoot>tr>td{border-color:var(--bs-border-color)}.sticky-table-header>.table-tighten>thead>tr>th,.sticky-table-header>.table-tighten>tbody>tr>th,.sticky-table-header>.table-tighten>tfoot>tr>th,.sticky-table-header>.table-tighten>thead>tr>td,.sticky-table-header>.table-tighten>tbody>tr>td,.sticky-table-header>.table-tighten>tfoot>tr>td{white-space:nowrap}.sticky-table-header>.table-bordered{border:0}.sticky-table-header>.table-bordered>thead>tr>th:first-child,.sticky-table-header>.table-bordered>tbody>tr>th:first-child,.sticky-table-header>.table-bordered>tfoot>tr>th:first-child,.sticky-table-header>.table-bordered>thead>tr>td:first-child,.sticky-table-header>.table-bordered>tbody>tr>td:first-child,.sticky-table-header>.table-bordered>tfoot>tr>td:first-child{border-left:0}.sticky-table-header>.table-bordered>thead>tr>th:last-child,.sticky-table-header>.table-bordered>tbody>tr>th:last-child,.sticky-table-header>.table-bordered>tfoot>tr>th:last-child,.sticky-table-header>.table-bordered>thead>tr>td:last-child,.sticky-table-header>.table-bordered>tbody>tr>td:last-child,.sticky-table-header>.table-bordered>tfoot>tr>td:last-child{border-right:0}.sticky-table-header>.table-bordered>tbody>tr:last-child>th,.sticky-table-header>.table-bordered>tfoot>tr:last-child>th,.sticky-table-header>.table-bordered>tbody>tr:last-child>td,.sticky-table-header>.table-bordered>tfoot>tr:last-child>td{border-bottom:0} \ No newline at end of file +:root{--responsive-table-dropdown-hover-bg:#f2f2f2}.dropdown-menu>li.checkbox-row{padding:8px 16px}.dropdown-menu li.checkbox-row{display:block;display:flex;align-items:center;clear:both;font-weight:normal;line-height:calc(var(--bs-body-line-height) * 1rem);color:var(--bs-link-color);white-space:nowrap}.dropdown-menu li.checkbox-row label{font-size:.75rem;font-weight:600;margin-left:.5em;color:var(--bs-dark);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown-menu li.checkbox-row:hover,.dropdown-menu li.checkbox-row input:hover,.dropdown-menu li.checkbox-row label:hover{cursor:pointer}.no-touch .dropdown-menu>.checkbox-row:hover,.no-touch .dropdown-menu>.checkbox-row:active{text-decoration:none;background-color:var(--responsive-table-dropdown-hover-bg)}.btn-toolbar{margin-bottom:calc(var(--bs-body-line-height) * 1rem)}.btn-toolbar .btn-outline-primary.btn-primary{color:var(--bs-white)}.lt-ie8 .btn-toolbar{display:none}.table-responsive{border-radius:var(--bs-border-radius);border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}.table-responsive>.table{margin-bottom:0}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered thead tr:last-child{border-bottom-width:2px}.table-responsive>.table-bordered>thead,.table-responsive>.table-bordered>tbody,.table-responsive>.table-bordered>tfoot{border-color:var(--bs-border-color)}.table-responsive>.table-bordered>thead>th,.table-responsive>.table-bordered>tbody>th,.table-responsive>.table-bordered>tfoot>th,.table-responsive>.table-bordered>thead>td,.table-responsive>.table-bordered>tbody>td,.table-responsive>.table-bordered>tfoot>td{border-color:var(--bs-border-color)}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive[data-pattern="priority-columns"]{width:100%;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border-radius:var(--bs-border-radius);border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);-webkit-overflow-scrolling:touch}.table-responsive[data-pattern="priority-columns"]>.table{margin-bottom:0}.table-responsive[data-pattern="priority-columns"]>.table>thead>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>tbody>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>tfoot>tr>th,.table-responsive[data-pattern="priority-columns"]>.table>thead>tr>td,.table-responsive[data-pattern="priority-columns"]>.table>tbody>tr>td,.table-responsive[data-pattern="priority-columns"]>.table>tfoot>tr>td{position:relative}.table-responsive[data-pattern="priority-columns"]>.table-tighten>thead>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tbody>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tfoot>tr>th,.table-responsive[data-pattern="priority-columns"]>.table-tighten>thead>tr>td,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tbody>tr>td,.table-responsive[data-pattern="priority-columns"]>.table-tighten>tfoot>tr>td{white-space:nowrap}.table-responsive[data-pattern="priority-columns"]>.table-bordered{border:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr{border-color:var(--bs-border-color)}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr td{border-color:var(--bs-border-color)}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:first-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>th:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>thead>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr>td:last-child,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>th,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tbody>tr:last-child>td,.table-responsive[data-pattern="priority-columns"]>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive.absolute-solution{position:relative}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="0"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="0"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="0"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="0"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:none}.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="1"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="1"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="1"]{display:table-cell}@media screen and (min-width:480px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="2"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="2"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="2"]{display:table-cell}}@media screen and (min-width:640px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="3"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="3"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="3"]{display:table-cell}}@media screen and (min-width:800px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="4"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="4"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="4"]{display:table-cell}}@media screen and (min-width:960px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="5"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="5"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="5"]{display:table-cell}}@media screen and (min-width:1120px){.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.lt-ie9.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.lt-ie9.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:inline}.mq.js .table-responsive[data-pattern="priority-columns"] th[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header th[data-priority="6"],.mq.js .table-responsive[data-pattern="priority-columns"] td[data-priority="6"],.mq.js.lt-ie10 .sticky-table-header td[data-priority="6"]{display:table-cell}}.mq.js .table-responsive[data-pattern="priority-columns"] th.cell-hide,.mq.js.lt-ie10 .sticky-table-header th.cell-hide,.mq.js .table-responsive[data-pattern="priority-columns"] td.cell-hide,.mq.js.lt-ie10 .sticky-table-header td.cell-hide{display:none}.mq.js .table-responsive[data-pattern="priority-columns"] th.cell-show,.mq.js.lt-ie10 .sticky-table-header th.cell-show,.mq.js .table-responsive[data-pattern="priority-columns"] td.cell-show,.mq.js.lt-ie10 .sticky-table-header td.cell-show{display:table-cell}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"] th.cell-show,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header th.cell-show,.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"] td.cell-show,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header td.cell-show{display:inline}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all th,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all th,.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all td,.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all td{display:inline !important}.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all th[data-priority="-1"],.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all th[data-priority="-1"],.lt-ie9 .mq.js .table-responsive[data-pattern="priority-columns"].display-all td[data-priority="-1"],.lt-ie9 .mq.js.lt-ie10 .sticky-table-header.display-all td[data-priority="-1"]{display:none !important}.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all th,.mq.js.lt-ie10 .sticky-table-header table.display-all th,.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all td,.mq.js.lt-ie10 .sticky-table-header table.display-all td{display:table-cell !important}.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all th[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header table.display-all th[data-priority="-1"],.mq.js .table-responsive[data-pattern="priority-columns"] table.display-all td[data-priority="-1"],.mq.js.lt-ie10 .sticky-table-header table.display-all td[data-priority="-1"]{display:none !important}table.table-small-font{font-size:.85rem;-webkit-text-size-adjust:none;line-height:var(--bs-body-line-height)}table.focus-on tbody tr:hover,table.focus-on tfoot tr:hover{cursor:pointer}table.focus-on tbody tr.unfocused th,table.focus-on tfoot tr.unfocused th,table.focus-on tbody tr.unfocused td,table.focus-on tfoot tr.unfocused td{color:var(--bs-gray);opacity:.75}table.focus-on tbody tr.focused th,table.focus-on tfoot tr.focused th,table.focus-on tbody tr.focused td,table.focus-on tfoot tr.focused td{background-color:var(--bs-primary);color:var(--bs-white);opacity:1 !important}.sticky-table-header{background-color:#fff;border:none;border-radius:0;border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);visibility:hidden;z-index:990;overflow:hidden}.fixed-solution .sticky-table-header{position:fixed;min-width:0}.absolute-solution .sticky-table-header{position:absolute;min-width:100%;top:0}.sticky-table-header.border-radius-fix{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.sticky-table-header>.table{margin-bottom:0}.sticky-table-header>.table>thead>tr,.sticky-table-header>.table>tbody>tr,.sticky-table-header>.table>tfoot>tr{border-color:var(--bs-border-color)}.sticky-table-header>.table>thead>tr>th,.sticky-table-header>.table>tbody>tr>th,.sticky-table-header>.table>tfoot>tr>th,.sticky-table-header>.table>thead>tr>td,.sticky-table-header>.table>tbody>tr>td,.sticky-table-header>.table>tfoot>tr>td{border-color:var(--bs-border-color);position:relative}.sticky-table-header>.table-tighten>thead>tr>th,.sticky-table-header>.table-tighten>tbody>tr>th,.sticky-table-header>.table-tighten>tfoot>tr>th,.sticky-table-header>.table-tighten>thead>tr>td,.sticky-table-header>.table-tighten>tbody>tr>td,.sticky-table-header>.table-tighten>tfoot>tr>td{white-space:nowrap}.sticky-table-header>.table-bordered{border:0}.sticky-table-header>.table-bordered>thead>tr>th:first-child,.sticky-table-header>.table-bordered>tbody>tr>th:first-child,.sticky-table-header>.table-bordered>tfoot>tr>th:first-child,.sticky-table-header>.table-bordered>thead>tr>td:first-child,.sticky-table-header>.table-bordered>tbody>tr>td:first-child,.sticky-table-header>.table-bordered>tfoot>tr>td:first-child{border-left:0}.sticky-table-header>.table-bordered>thead>tr>th:last-child,.sticky-table-header>.table-bordered>tbody>tr>th:last-child,.sticky-table-header>.table-bordered>tfoot>tr>th:last-child,.sticky-table-header>.table-bordered>thead>tr>td:last-child,.sticky-table-header>.table-bordered>tbody>tr>td:last-child,.sticky-table-header>.table-bordered>tfoot>tr>td:last-child{border-right:0}.sticky-table-header>.table-bordered>tbody>tr:last-child>th,.sticky-table-header>.table-bordered>tfoot>tr:last-child>th,.sticky-table-header>.table-bordered>tbody>tr:last-child>td,.sticky-table-header>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.table-responsive[data-sorting-active=true] thead th:not([colSpan]),.table-responsive[data-sorting-active=true] thead th[colSpan="1"]{cursor:pointer;padding-right:1.5rem}.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted]:after,.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted]:after{display:block;width:auto;height:auto;position:absolute;right:5px;bottom:.5rem}.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted="asc"]:after,.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted="asc"]:after{content:'↑'}.table-responsive[data-sorting-active=true] thead th:not([colSpan])[data-sorted="desc"]:after,.table-responsive[data-sorting-active=true] thead th[colSpan="1"][data-sorted="desc"]:after{content:'↓'} \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 955e849..d753ee6 100644 --- a/docs/index.html +++ b/docs/index.html @@ -41,8 +41,8 @@ - - + + - + diff --git a/docs/js/docs.js b/docs/js/docs.js index 3525d24..b670d3b 100644 --- a/docs/js/docs.js +++ b/docs/js/docs.js @@ -33,4 +33,13 @@ ready(function() { history.pushState(null, null, targetHash); }); }); + + // Init responsive table + $('#group-test-wrapper').responsiveTable({ + sortable: true, // example option + compareFunction: function(a, b, dir) { // custom compare function + // console.log(a[0], b[0], dir); + return a[0].localeCompare(b[0], undefined, { numeric: true }) < 0 ? -dir : dir; + } + }); }); diff --git a/docs/js/docs.min.js b/docs/js/docs.min.js index d3872f2..660ba64 100644 --- a/docs/js/docs.min.js +++ b/docs/js/docs.min.js @@ -1 +1 @@ -function ready(e){"loading"!=document.readyState?e():document.addEventListener("DOMContentLoaded",e)}ready(function(){document.querySelectorAll([".nav-link",".btn-link"]).forEach(function(e){e.addEventListener("click",function(e){var t=e.currentTarget.getAttribute("href");if("#"===t[0]){e.preventDefault(),e.stopPropagation(),$(".navbar-collapse").collapse("hide");var n=document.querySelector(t);n&&(window.scrollTo({top:n.offsetTop,behavior:"smooth"}),history.pushState(null,null,t))}})})}); \ No newline at end of file +function ready(e){"loading"!=document.readyState?e():document.addEventListener("DOMContentLoaded",e)}ready(function(){document.querySelectorAll([".nav-link",".btn-link"]).forEach(function(e){e.addEventListener("click",function(e){var t=e.currentTarget.getAttribute("href");if("#"===t[0]){e.preventDefault(),e.stopPropagation(),$(".navbar-collapse").collapse("hide");var o=document.querySelector(t);o&&(window.scrollTo({top:o.offsetTop,behavior:"smooth"}),history.pushState(null,null,t))}})}),$("#group-test-wrapper").responsiveTable({sortable:!0,compareFunction:function(e,t,o){return e[0].localeCompare(t[0],void 0,{numeric:!0})<0?-o:o}})}); \ No newline at end of file diff --git a/docs/js/rwd-table.js b/docs/js/rwd-table.js index 7676722..53ddc88 100644 --- a/docs/js/rwd-table.js +++ b/docs/js/rwd-table.js @@ -1,5 +1,5 @@ /*! - * Responsive Tables v6.0.2 (http://gergeo.se/RWD-Table-Patterns) + * Responsive Tables v6.1.0 (http://gergeo.se/RWD-Table-Patterns) * This is an awesome solution for responsive tables with complex data. * Authors: Nadan Gergeo (www.blimp.se), Lucas Wiener & "Maggie Wachs (www.filamentgroup.com)" * Licensed under MIT (https://github.com/nadangergeo/RWD-Table-Patterns/blob/master/LICENSE-MIT) @@ -37,8 +37,12 @@ //good to have - for easy access this.$thead = this.$table.find('thead'); - this.$hdrCells = this.$thead.find("tr").first().find('th'); - this.$bodyRows = this.$table.find('tbody, tfoot').find('tr'); + this.$hdrRows = this.$thead.find("tr"); + this.$hdrCells = this.$hdrRows.first().find('th'); // use first row as basis + this.$tbody = this.$table.find('tbody'); + this.$bodyRows = this.$tbody.find('tr'); + this.$footRows = this.$table.find('tfoot').find('tr'); + this.$bodyAndFootRows = $.merge(this.$bodyRows, this.$footRows); // combine tbody and tfoot rows //toolbar and buttons this.$btnToolbar = null; //defined farther down @@ -77,7 +81,7 @@ this.setupTableHeader(); //setup standard cells - this.setupBodyRows(); + this.setupBodyAndFootRows(); //create sticky table head if(this.options.stickyTableHeader){ @@ -92,6 +96,25 @@ // Event binding // ------------------------- + // bind click on rows + this.bindClickOnRows(); + + if(this.options.sortable) { + //apply pattern option as data-attribute, in case it was set via js + this.$tableScrollWrapper.attr('data-sortable', true); + //needed for the css. Makes sure that sorting is actually active before applying styles. + this.$tableScrollWrapper.attr('data-sorting-active', true); + // bind click on theads with sorting function + this.makeSortableByColumns(); + + // for alternate toggling of sort direction + this.shiftKeyActive = false; + // listen on keydown/up and update shiftKeyActive + $(document).on('keydown keyup', function(event) { + that.shiftKeyActive = event.shiftKey; + }); + } + // on orientchange, resize and displayAllBtn-click $(window).bind('orientationchange resize ' + this.displayAllTrigger, function(){ @@ -114,6 +137,10 @@ addFocusBtn: true, // should it have a focus button? focusBtnIcon: 'fa fa-crosshairs', mainContainer: window, + sortable: false, + compareFunction: function(a, b, dir) { + return a[0].localeCompare(b[0], undefined, { numeric: true }) < 0 ? -dir : dir; + }, i18n: { focus : 'Focus', display : 'Display', @@ -127,11 +154,23 @@ this.$tableWrapper = this.$tableScrollWrapper.parent(); }; + ResponsiveTable.prototype.bindClickOnRows = function() { + var that = this; + + if(this.options.addFocusBtn) { + this.$bodyAndFootRows.unbind('click'); // remove old event listeners + this.$bodyAndFootRows.click(function() { + that.focusOnRow($(this)); + }); + } + } + // Create toolbar with buttons ResponsiveTable.prototype.createButtonToolbar = function() { var that = this; - this.$btnToolbar = $('[data-responsive-table-toolbar="' + this.id + '"]').addClass('btn-toolbar justify-content-between'); + this.$btnToolbar = $('[data-responsive-table-toolbar="' + this.id + '"]'); + this.$btnToolbar.addClass('btn-toolbar justify-content-between'); if(this.$btnToolbar.length === 0) { this.$btnToolbar = $('
        '); } @@ -159,12 +198,7 @@ // bind click on focus btn this.$focusBtn.click(function(){ - $.proxy(that.activateFocus(), that); - }); - - // bind click on rows - this.$bodyRows.click(function(){ - $.proxy(that.focusOnRow($(this)), that); + that.activateFocus(); }); } else { this.$btnToolbar.append($('
        ')); //add empty div instead, keeping same layout @@ -199,8 +233,8 @@ }; ResponsiveTable.prototype.clearAllFocus = function() { - this.$bodyRows.removeClass('unfocused'); - this.$bodyRows.removeClass('focused'); + this.$bodyAndFootRows.removeClass('unfocused'); + this.$bodyAndFootRows.removeClass('focused'); }; ResponsiveTable.prototype.activateFocus = function() { @@ -223,7 +257,7 @@ this.clearAllFocus(); if(!alreadyFocused) { - this.$bodyRows.addClass('unfocused'); + this.$bodyAndFootRows.addClass('unfocused'); $(row).addClass('focused'); } } @@ -285,16 +319,16 @@ // bind scroll on mainContainer with updateStickyTableHeader $(this.options.mainContainer).on('scroll', function(event){ - $.proxy(that.updateStickyTableHeader(), that); + that.updateStickyTableHeader(); }); // bind resize on window with updateStickyTableHeader - $(window).on('resize', function(e){ - $.proxy(that.updateStickyTableHeader(), that); + $(window).on('resize', function(event){ + that.updateStickyTableHeader(); }); $(that.$tableScrollWrapper).on('scroll', function(event){ - $.proxy(that.updateStickyTableHeader(), that); + that.updateStickyTableHeader(); }); // determine what solution to use for rendereing sticky table head (aboslute/fixed). @@ -422,6 +456,8 @@ ResponsiveTable.prototype.setupTableHeader = function() { var that = this; + var colSpans = 0; + // for each header column that.$hdrCells.each(function(i){ var $th = $(this), @@ -438,6 +474,15 @@ thText = $th.attr('data-col-name'); } + // add x pos (used for sorting) + $th.attr('data-pos-x', i + colSpans); + + // take account for colspans + var colSpan = parseInt($th.prop('colSpan')); + if(colSpan > 1) { + colSpans += (colSpan - 1); + } + // create the hide/show toggle for the current column if ( $th.is('[data-priority]') && $th.data('priority') !== -1 ) { var $toggle = $('
        • '); @@ -532,22 +577,30 @@ }); // end hdrCells loop if(!$.isEmptyObject(this.headerRowIndices)) { - that.setupRow(this.$thead.find("tr:eq(1)"), this.headerRowIndices); + that.setupRow(this.$thead.find("tr:eq(1)"), this.headerRowIndices, 1); } + + // also give first row in thead an index + this.$hdrRows.first().attr('data-pos-y', 0); }; // Setup body rows // assign matching "data-columns" attributes to the associated cells "(cells with colspan>1 has multiple columns). - ResponsiveTable.prototype.setupBodyRows = function() { + ResponsiveTable.prototype.setupBodyAndFootRows = function() { var that = this; - // for each body rows - that.$bodyRows.each(function(){ - that.setupRow($(this), that.headerColIndices); + // for each body + that.$bodyRows.each(function(index){ + that.setupRow($(this), that.headerColIndices, index); + }); + + // for each footer row + that.$footRows.each(function(index){ + that.setupRow($(this), that.headerColIndices, index); }); }; - ResponsiveTable.prototype.setupRow = function($row, indices) { + ResponsiveTable.prototype.setupRow = function($row, indices, index) { var that = this; //check if it's already set up @@ -556,12 +609,13 @@ return; } else { $row.data('setup', true); + $row.attr('data-pos-y', index); } var idStart = 0; // for each cell - $row.find('th, td').each(function(){ + $row.find('th, td').each(function(i){ var $cell = $(this); var columnsAttr = ''; @@ -590,9 +644,19 @@ //remove whitespace in begining of string. columnsAttr = columnsAttr.substring(1); - //set attribute to cell + //set data-columns attribute to cell $cell.attr('data-columns', columnsAttr); + // x-position (for sorting function) + var rowSpansBeforeCell = 0; + + // Take account to rowspans if it is the seconds row in thead + if($row.parent().prop('tagName') === 'THEAD' && $row.attr('data-pos-y') === "1" && that.rowspansBeforeIndex) { + var rowSpansBeforeCell = that.rowspansBeforeIndex[i] || 0; + } + + $cell.attr('data-pos-x', i + rowSpansBeforeCell); + //increment idStart with the current cells colSpan. idStart = idStart + colSpan; }); @@ -608,7 +672,7 @@ var colPadding = 0; var rowPadding = 0; - this.$thead.find("tr").first().find('th').each(function(i){ + this.$hdrCells.each(function(i){ var $th = $(this); var colSpan = $th.prop('colSpan'); var rowSpan = $th.prop("rowSpan"); @@ -628,27 +692,27 @@ colPadding += colSpan - 1; }); - if(this.$thead.find("tr").length > 2) { - throw new Error("This plugin doesnt support more than two rows in thead."); - } - - if(this.$thead.find("tr").length === 2) { - var $row = $(this.$thead.find("tr")[1]); + if(this.$hdrRows.length === 2) { + var $row = $(this.$hdrRows[1]); $row.find("th").each(function(cellIndex) { that.headerRowIndices[cellIndex] = that.headerColIndices[rowspansBeforeIndex[cellIndex] + cellIndex]; + that.rowspansBeforeIndex = rowspansBeforeIndex; }); + } else if(this.$hdrRows.length > 2) { + throw new Error("This plugin doesnt support more than two rows in thead."); } } // Run this after the content in tbody has changed ResponsiveTable.prototype.update = function() { - this.$bodyRows = this.$table.find('tbody, tfoot').find('tr'); - this.setupBodyRows(); + this.$bodyAndFootRows = this.$table.find('tbody, tfoot').find('tr'); // get fresh list + this.setupBodyAndFootRows(); + this.bindClickOnRows(); // Remove old tbody clone from Tableclone this.$tableClone.find('tbody, tfoot').remove(); - // Make new clone of tbody + // Make new clone of tbody and tfoot var $tbodyClone = this.$table.find('tbody, tfoot').clone(); //replace ids @@ -699,12 +763,160 @@ }); }; + // Utils for sorting + + ResponsiveTable.prototype.getSortedColumn = function(col, dir) { + var that = this; + + for (var i = 0; i < col.length; i++) { + col[i] = [col[i], i]; + } + + var compareFunction; + if(that.options.compareFunction instanceof Function) { + compareFunction = function(a, b) { + return that.options.compareFunction(a, b, dir); + }; + } + + col.sort(compareFunction); + + col.indices = []; + + for (var j = 0; j < col.length; j++) { + col.indices.push(col[j][1]); + col[j] = col[j][0]; + } + + return col; + }; + + ResponsiveTable.prototype.getRestoredColumn = function(col) { + for (var i = 0; i < col.length; i++) { + col[i] = [col[i], i, $(col[i]).attr("data-pos-y")]; + } + + col.sort(function(a, b) { + return a[2].localeCompare(b[2], undefined, { numeric: true }) < 0 ? -1 : 1; + }); + + col.indices = []; + + for (var j = 0; j < col.length; j++) { + col.indices.push(col[j][1]); + col[j] = col[j][0]; + } + + return col; + }; + + var sortDirMapping = { + "asc": 1, + "desc": -1, + "org": 0 + }; + + ResponsiveTable.prototype.sortColumn = function(hdr, dir) { + var that = this; + var $tBody = that.$tbody; + + // if hdr is an number (index), treat as pos-x and use it to get hdr. Otherwise expecting hdr element directly (sent via click-event). + var $hdr = Number.isInteger(hdr) ? that.$thead.find('th[data-pos-x='+ hdr +']') : $(hdr); + var id = $hdr.prop('id'); + var $clone = id.indexOf('-clone') === (id.length - 6) ? $('#' + id.slice(0, id.length - 6)) : $('#' + $(hdr).prop('id') + '-clone'); // the clone is the original if 'hdr' is the clone, and vice versa. + + // get fresh list of rows in tbody + var $tBodyRows = $tBody.find('tr'); + + // get all cells under the column + var posX = $hdr.data('pos-x'); + var col = $tBodyRows.find('[data-pos-x='+ posX +']'); + + var sorted = $hdr.attr("data-sorted"); + + // get all hdr cells if not cached + if(!that.$allHdrCells) { + that.$hdrCellsClones = that.$tableClone ? that.$tableClone.find('thead > tr > th') : []; + that.$allHdrCells = $.merge(this.$hdrRows.find('th'), that.$hdrCellsClones); + } + + // remove sorted attr from all cols + that.$allHdrCells.filter("[data-sorted]").each(function() { + $(this).removeAttr("data-sorted"); + }); + + var sortDir; + + if((that.shiftKeyActive && sorted === "desc") || (!sorted && !that.shiftKeyActive) || dir === 1) { + // add attr to clicked col + $hdr.attr("data-sorted", "asc"); + // do same on clone (sticky) + $clone.attr("data-sorted", "asc"); + sortDir = 1; + } else if((that.shiftKeyActive && !sorted) || (sorted === "asc" && !that.shiftKeyActive) || dir === -1) { + // switch to desc order + $hdr.attr("data-sorted", "desc"); + // do same on clone (sticky) + $clone.attr("data-sorted", "desc"); + sortDir = -1; + } else if((that.shiftKeyActive && sorted === "asc") || (sorted === "desc" && !that.shiftKeyActive) || dir === 0) { + // remove + $hdr.removeAttr("data-sorted"); + // do same on clone (sticky) + $clone.removeAttr("data-sorted"); + sortDir = 0; + } + + if(sortDir !== 0){ + col = col.map(function(i, e) { + // prepare for sorting by just keeping the inner text + return $(e).data('value') || e.innerText; + }).get(); + + // sort + col = that.getSortedColumn(col, sortDir); + } else { + // restore original order + col = that.getRestoredColumn($tBodyRows.get()) + } + + // Now that we have the new order indexes, modify dom into that order. + // This is definetely not the fastest method, but it was the easiest to implement for now. + // Todo: optimize by detatching and appending (moving) rows, instead of cloning and deleting. + for (var i = 0; i < col.length; i++) { + $tBodyRows.eq(col.indices[i]).clone().appendTo($tBody); // add copy to end + } + + for (var i = 0; i < col.length; i++) { + $tBodyRows.eq(i).remove(); // remove old copies at top (unsorted original) + } + + that.$bodyAndFootRows = that.$table.find('tbody, tfoot').find('tr'); // get fresh list + that.bindClickOnRows(); // add click events (focus) + } + + ResponsiveTable.prototype.makeSortableByColumns = function() { + var that = this; + that.$hdrCellsClones = that.$tableClone ? that.$tableClone.find('thead > tr > th') : []; + that.$allHdrCells = $.merge(this.$hdrRows.find('th'), that.$hdrCellsClones); + + that.$allHdrCells.each(function(colIndex){ + if($(this).prop('colSpan') > 1) { + return; + } + + $(this).click(function() { + that.sortColumn(this); + }); + }); + }; + // RESPONSIVE TABLE PLUGIN DEFINITION // =========================== var old = $.fn.responsiveTable; - $.fn.responsiveTable = function (option) { + $.fn.responsiveTable = function (option, args) { return this.each(function () { var $this = $(this); var data = $this.data('responsiveTable'); @@ -718,7 +930,7 @@ $this.data('responsiveTable', (data = new ResponsiveTable(this, options))); } if (typeof option === 'string') { - data[option](); + data[option].apply(data, args); } }); }; diff --git a/docs/js/rwd-table.min.js b/docs/js/rwd-table.min.js index 833a827..1e4c70d 100644 --- a/docs/js/rwd-table.min.js +++ b/docs/js/rwd-table.min.js @@ -1,7 +1,7 @@ /*! - * Responsive Tables v6.0.2 (http://gergeo.se/RWD-Table-Patterns) + * Responsive Tables v6.1.0 (http://gergeo.se/RWD-Table-Patterns) * This is an awesome solution for responsive tables with complex data. * Authors: Nadan Gergeo (www.blimp.se), Lucas Wiener & "Maggie Wachs (www.filamentgroup.com)" * Licensed under MIT (https://github.com/nadangergeo/RWD-Table-Patterns/blob/master/LICENSE-MIT) */ -!function(d){"use strict";var a=function(t,i){var e=this;if(this.options=i,this.$tableWrapper=null,this.$tableScrollWrapper=d(t),this.$table=d(t).find("table"),1!==this.$table.length)throw new Error("Exactly one table is expected in a .table-responsive div.");this.$tableScrollWrapper.attr("data-pattern",this.options.pattern),this.id=this.$table.prop("id")||this.$tableScrollWrapper.prop("id")||"id"+Math.random().toString(16).slice(2),this.$tableClone=null,this.$stickyTableHeader=null,this.$thead=this.$table.find("thead"),this.$hdrCells=this.$thead.find("tr").first().find("th"),this.$bodyRows=this.$table.find("tbody, tfoot").find("tr"),this.$btnToolbar=null,this.$dropdownGroup=null,this.$dropdownBtn=null,this.$dropdownContainer=null,this.$displayAllBtn=null,this.$focusGroup=null,this.$focusBtn=null,this.displayAllTrigger="display-all-"+this.id+".responsive-table",this.idPrefix=this.id+"-col-",this.headerColIndices={},this.headerRowIndices={},this.wrapTable(),this.createButtonToolbar(),this.buildHeaderCellIndices(),this.setupTableHeader(),this.setupBodyRows(),this.options.stickyTableHeader&&this.createStickyTableHeader(),this.$dropdownContainer.is(":empty")&&this.$dropdownGroup.hide(),d(window).bind("orientationchange resize "+this.displayAllTrigger,function(){e.$dropdownContainer.find("input").trigger("updateCheck"),d.proxy(e.updateSpanningCells(),e)}).trigger("resize")};a.DEFAULTS={pattern:"priority-columns",stickyTableHeader:!0,fixedNavbar:".navbar.fixed-top",addDisplayAllBtn:!0,addFocusBtn:!0,focusBtnIcon:"fa fa-crosshairs",mainContainer:window,i18n:{focus:"Focus",display:"Display",displayAll:"Display all"}},a.prototype.wrapTable=function(){this.$tableScrollWrapper.wrap('
        '),this.$tableWrapper=this.$tableScrollWrapper.parent()},a.prototype.createButtonToolbar=function(){var t=this;this.$btnToolbar=d('[data-responsive-table-toolbar="'+this.id+'"]').addClass("btn-toolbar justify-content-between"),0===this.$btnToolbar.length&&(this.$btnToolbar=d('
        ')),this.$dropdownGroup=d('
        '),this.$dropdownBtn=d(''),this.$dropdownContainer=d('
          '),this.options.addFocusBtn?(this.$focusGroup=d('
          '),this.$focusBtn=d('"),this.options.focusBtnIcon&&this.$focusBtn.prepend(' '),this.$focusGroup.append(this.$focusBtn),this.$btnToolbar.append(this.$focusGroup),this.$focusBtn.click(function(){d.proxy(t.activateFocus(),t)}),this.$bodyRows.click(function(){d.proxy(t.focusOnRow(d(this)),t)})):this.$btnToolbar.append(d("
          ")),this.options.addDisplayAllBtn&&(this.$displayAllBtn=d('"),this.$dropdownGroup.append(this.$displayAllBtn),this.$table.hasClass("display-all")&&this.$displayAllBtn.addClass("btn-primary"),this.$displayAllBtn.click(function(){d.proxy(t.displayAll(null,!0),t)})),this.$dropdownGroup.append(this.$dropdownBtn).append(this.$dropdownContainer),this.$btnToolbar.append(this.$dropdownGroup),this.$tableScrollWrapper.before(this.$btnToolbar)},a.prototype.clearAllFocus=function(){this.$bodyRows.removeClass("unfocused"),this.$bodyRows.removeClass("focused")},a.prototype.activateFocus=function(){this.clearAllFocus(),this.$focusBtn&&this.$focusBtn.toggleClass("btn-primary"),this.$table.toggleClass("focus-on")},a.prototype.focusOnRow=function(t){if(this.$table.hasClass("focus-on")){var i=d(t).hasClass("focused");this.clearAllFocus(),i||(this.$bodyRows.addClass("unfocused"),d(t).addClass("focused"))}},a.prototype.displayAll=function(t,i){this.$displayAllBtn&&this.$displayAllBtn.toggleClass("btn-primary",t),this.$table.toggleClass("display-all",t),this.$tableClone&&this.$tableClone.toggleClass("display-all",t),i&&d(window).trigger(this.displayAllTrigger)},a.prototype.preserveDisplayAll=function(){var t="table-cell";d("html").hasClass("lt-ie9")&&(t="inline"),d(this.$table).find("th, td").css("display",t),this.$tableClone&&d(this.$tableClone).find("th, td").css("display",t)},a.prototype.createStickyTableHeader=function(){var i=this;i.$tableClone=i.$table.clone(),i.$tableClone.prop("id",this.id+"-clone"),i.$tableClone.find("[id]").each(function(){d(this).prop("id",d(this).prop("id")+"-clone")}),i.$tableClone.wrap('
          '),i.$stickyTableHeader=i.$tableClone.parent(),i.$stickyTableHeader.css("height",i.$thead.height()+2),i.$table.before(i.$stickyTableHeader),d(this.options.mainContainer).on("scroll",function(t){d.proxy(i.updateStickyTableHeader(),i)}),d(window).on("resize",function(t){d.proxy(i.updateStickyTableHeader(),i)}),d(i.$tableScrollWrapper).on("scroll",function(t){d.proxy(i.updateStickyTableHeader(),i)}),i.useFixedSolution=!e()||8<=function(){{if(e()){var t=parseFloat((""+(/CPU.*OS ([0-9_]{1,5})|(CPU like).*AppleWebKit.*Mobile/i.exec(navigator.userAgent)||[0,""])[1]).replace("undefined","3_2").replace("_",".").replace("_",""));return t}return 0}}(),i.useFixedSolution?i.$tableScrollWrapper.addClass("fixed-solution"):i.$tableScrollWrapper.addClass("absolute-solution")},a.prototype.updateStickyTableHeader=function(){var t,i=this,e=0,o=i.$table.offset().top,a=d(this.options.mainContainer).scrollTop()-1,s=i.$table.height()-i.$stickyTableHeader.height(),n=a+d(this.options.mainContainer).height()-d(document).height(),l=0;d(i.options.fixedNavbar).length&&(a+=l=d(i.options.fixedNavbar).first().outerHeight());if(t=this.options.mainContainer===window?o "),s=a.find("input");n.$dropdownContainer.append(a),a.click(function(t){t.stopPropagation(),s.prop("checked",!s.prop("checked")),s.trigger("change")}),d("html").hasClass("lt-ie9")&&s.click(function(){d(this).trigger("change")}),a.find("label").click(function(t){t.stopPropagation()}),a.find("input").click(function(t){t.stopPropagation()}).change(function(){var e=d(this),t=e.val(),i=n.$tableWrapper.find("#"+t+", #"+t+"-clone, [data-columns~="+t+"]");n.$table.hasClass("display-all")&&(d.proxy(n.preserveDisplayAll(),n),n.$table.removeClass("display-all"),n.$tableClone&&n.$tableClone.removeClass("display-all"),n.$displayAllBtn.removeClass("btn-primary")),i.each(function(){var t=d(this);if(e.is(":checked")){if(!t.closest("thead").length&&"none"!==t.css("display")){var i=Math.min(parseInt(t.prop("colSpan"))+1,t.attr("data-org-colspan"));t.prop("colSpan",i)}t.show()}else!t.closest("thead").length&&1'),this.$tableWrapper=this.$tableScrollWrapper.parent()},a.prototype.bindClickOnRows=function(){var t=this;this.options.addFocusBtn&&(this.$bodyAndFootRows.unbind("click"),this.$bodyAndFootRows.click(function(){t.focusOnRow(u(this))}))},a.prototype.createButtonToolbar=function(){var t=this;this.$btnToolbar=u('[data-responsive-table-toolbar="'+this.id+'"]'),this.$btnToolbar.addClass("btn-toolbar justify-content-between"),0===this.$btnToolbar.length&&(this.$btnToolbar=u('
          ')),this.$dropdownGroup=u('
          '),this.$dropdownBtn=u(''),this.$dropdownContainer=u('
            '),this.options.addFocusBtn?(this.$focusGroup=u('
            '),this.$focusBtn=u('"),this.options.focusBtnIcon&&this.$focusBtn.prepend(' '),this.$focusGroup.append(this.$focusBtn),this.$btnToolbar.append(this.$focusGroup),this.$focusBtn.click(function(){t.activateFocus()})):this.$btnToolbar.append(u("
            ")),this.options.addDisplayAllBtn&&(this.$displayAllBtn=u('"),this.$dropdownGroup.append(this.$displayAllBtn),this.$table.hasClass("display-all")&&this.$displayAllBtn.addClass("btn-primary"),this.$displayAllBtn.click(function(){u.proxy(t.displayAll(null,!0),t)})),this.$dropdownGroup.append(this.$dropdownBtn).append(this.$dropdownContainer),this.$btnToolbar.append(this.$dropdownGroup),this.$tableScrollWrapper.before(this.$btnToolbar)},a.prototype.clearAllFocus=function(){this.$bodyAndFootRows.removeClass("unfocused"),this.$bodyAndFootRows.removeClass("focused")},a.prototype.activateFocus=function(){this.clearAllFocus(),this.$focusBtn&&this.$focusBtn.toggleClass("btn-primary"),this.$table.toggleClass("focus-on")},a.prototype.focusOnRow=function(t){if(this.$table.hasClass("focus-on")){var e=u(t).hasClass("focused");this.clearAllFocus(),e||(this.$bodyAndFootRows.addClass("unfocused"),u(t).addClass("focused"))}},a.prototype.displayAll=function(t,e){this.$displayAllBtn&&this.$displayAllBtn.toggleClass("btn-primary",t),this.$table.toggleClass("display-all",t),this.$tableClone&&this.$tableClone.toggleClass("display-all",t),e&&u(window).trigger(this.displayAllTrigger)},a.prototype.preserveDisplayAll=function(){var t="table-cell";u("html").hasClass("lt-ie9")&&(t="inline"),u(this.$table).find("th, td").css("display",t),this.$tableClone&&u(this.$tableClone).find("th, td").css("display",t)},a.prototype.createStickyTableHeader=function(){var e=this;e.$tableClone=e.$table.clone(),e.$tableClone.prop("id",this.id+"-clone"),e.$tableClone.find("[id]").each(function(){u(this).prop("id",u(this).prop("id")+"-clone")}),e.$tableClone.wrap('
            '),e.$stickyTableHeader=e.$tableClone.parent(),e.$stickyTableHeader.css("height",e.$thead.height()+2),e.$table.before(e.$stickyTableHeader),u(this.options.mainContainer).on("scroll",function(t){e.updateStickyTableHeader()}),u(window).on("resize",function(t){e.updateStickyTableHeader()}),u(e.$tableScrollWrapper).on("scroll",function(t){e.updateStickyTableHeader()}),e.useFixedSolution=!o()||8<=function(){{if(o()){var t=parseFloat((""+(/CPU.*OS ([0-9_]{1,5})|(CPU like).*AppleWebKit.*Mobile/i.exec(navigator.userAgent)||[0,""])[1]).replace("undefined","3_2").replace("_",".").replace("_",""));return t}return 0}}(),e.useFixedSolution?e.$tableScrollWrapper.addClass("fixed-solution"):e.$tableScrollWrapper.addClass("absolute-solution")},a.prototype.updateStickyTableHeader=function(){var t,e=this,o=0,i=e.$table.offset().top,s=u(this.options.mainContainer).scrollTop()-1,a=e.$table.height()-e.$stickyTableHeader.height(),n=s+u(this.options.mainContainer).height()-u(document).height(),r=0;u(e.options.fixedNavbar).length&&(s+=r=u(e.options.fixedNavbar).first().outerHeight());if(t=this.options.mainContainer===window?i "),n=a.find("input");r.$dropdownContainer.append(a),a.click(function(t){t.stopPropagation(),n.prop("checked",!n.prop("checked")),n.trigger("change")}),u("html").hasClass("lt-ie9")&&n.click(function(){u(this).trigger("change")}),a.find("label").click(function(t){t.stopPropagation()}),a.find("input").click(function(t){t.stopPropagation()}).change(function(){var o=u(this),t=o.val(),e=r.$tableWrapper.find("#"+t+", #"+t+"-clone, [data-columns~="+t+"]");r.$table.hasClass("display-all")&&(u.proxy(r.preserveDisplayAll(),r),r.$table.removeClass("display-all"),r.$tableClone&&r.$tableClone.removeClass("display-all"),r.$displayAllBtn.removeClass("btn-primary")),e.each(function(){var t=u(this);if(o.is(":checked")){if(!t.closest("thead").length&&"none"!==t.css("display")){var e=Math.min(parseInt(t.prop("colSpan"))+1,t.attr("data-org-colspan"));t.prop("colSpan",e)}t.show()}else!t.closest("thead").length&&1 tr > th"):[],i.$allHdrCells=u.merge(this.$hdrRows.find("th"),i.$hdrCellsClones)),i.$allHdrCells.filter("[data-sorted]").each(function(){u(this).removeAttr("data-sorted")}),i.shiftKeyActive&&"desc"===h||!h&&!i.shiftKeyActive||1===e?(a.attr("data-sorted","asc"),r.attr("data-sorted","asc"),o=1):i.shiftKeyActive&&!h||"asc"===h&&!i.shiftKeyActive||-1===e?(a.attr("data-sorted","desc"),r.attr("data-sorted","desc"),o=-1):(i.shiftKeyActive&&"asc"===h||"desc"===h&&!i.shiftKeyActive||0===e)&&(a.removeAttr("data-sorted"),r.removeAttr("data-sorted"),o=0),p=0!==o?(p=p.map(function(t,e){return u(e).data("value")||e.innerText}).get(),i.getSortedColumn(p,o)):i.getRestoredColumn(l.get());for(var c=0;c tr > th"):[],e.$allHdrCells=u.merge(this.$hdrRows.find("th"),e.$hdrCellsClones),e.$allHdrCells.each(function(t){1=0.5.1" @@ -466,7 +466,7 @@ "figures": { "version": "1.7.0", "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz", - "integrity": "sha512-UxKlfCRuCBxSXU4C6t9scbDyWZ4VlaFFdojKtzJuSkuOBQ5CNFum+zZXFwHjo+CxBC1t6zlYPgHIgFjL8ggoEQ==", + "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=", "dev": true, "requires": { "escape-string-regexp": "^1.0.5", @@ -476,7 +476,7 @@ "file-sync-cmp": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/file-sync-cmp/-/file-sync-cmp-0.1.1.tgz", - "integrity": "sha512-0k45oWBokCqh2MOexeYKpyqmGKG+8mQ2Wd8iawx+uWd/weWJQAZ6SoPybagdCI4xFisag8iAR77WPm4h3pTfxA==", + "integrity": "sha1-peeo/7+kk7Q7kju9TKiaU7Y7YSs=", "dev": true }, "fill-range": { @@ -573,13 +573,13 @@ "fresh": { "version": "0.5.2", "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", - "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=", "dev": true }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", "dev": true }, "function-bind": { @@ -723,7 +723,7 @@ "grunt-banner": { "version": "0.6.0", "resolved": "https://registry.npmjs.org/grunt-banner/-/grunt-banner-0.6.0.tgz", - "integrity": "sha512-50H/Wxydlf+ifve5Jzcz9oB4jr6oCGEPyfhEDUsl2NEMX80cWUJqVMXSHBr2n9Rb3nd+rRSKeQzqNxWrqoyQ1A==", + "integrity": "sha1-P4eQIdEj+linuloLb7a+QStYhaw=", "dev": true, "requires": { "chalk": "^1.1.0" @@ -732,13 +732,13 @@ "ansi-styles": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", "dev": true }, "chalk": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "dev": true, "requires": { "ansi-styles": "^2.2.1", @@ -751,7 +751,7 @@ "supports-color": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=", "dev": true } } @@ -759,7 +759,7 @@ "grunt-bump": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/grunt-bump/-/grunt-bump-0.8.0.tgz", - "integrity": "sha512-xih0/NBbmIk6LdVspC/yO2E1ITaghfv8aCmY2S6VQ9rxFpZ8skAL4IMwwESlQZIRES+eK6lQOKgpeFBPV5amRA==", + "integrity": "sha1-0//gzzzws44JYHt4U49CpTHq/lU=", "dev": true, "requires": { "semver": "^5.1.0" @@ -768,7 +768,7 @@ "grunt-contrib-connect": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/grunt-contrib-connect/-/grunt-contrib-connect-1.0.2.tgz", - "integrity": "sha512-7OPoyfGrpOYzuiRPzGyzWDe/xFcjttXe1ztVSFS8TAVBtpfXeeOV9RiwuyqA4yN1UeOG2Pnpx8s0DcUDAu21Gw==", + "integrity": "sha1-XPkzuRpnOGBEJzwLJERgPNmIebo=", "dev": true, "requires": { "async": "^1.5.2", @@ -793,7 +793,7 @@ "grunt-contrib-copy": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/grunt-contrib-copy/-/grunt-contrib-copy-1.0.0.tgz", - "integrity": "sha512-gFRFUB0ZbLcjKb67Magz1yOHGBkyU6uL29hiEW1tdQ9gQt72NuMKIy/kS6dsCbV0cZ0maNCb0s6y+uT1FKU7jA==", + "integrity": "sha1-cGDGWB6QS4qw0A8HbgqPbj58NXM=", "dev": true, "requires": { "chalk": "^1.1.1", @@ -803,13 +803,13 @@ "ansi-styles": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", "dev": true }, "chalk": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "dev": true, "requires": { "ansi-styles": "^2.2.1", @@ -822,7 +822,7 @@ "supports-color": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=", "dev": true } } @@ -830,7 +830,7 @@ "grunt-contrib-jshint": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/grunt-contrib-jshint/-/grunt-contrib-jshint-1.1.0.tgz", - "integrity": "sha512-N8jtQ/FmvuRdJoEGphmGt+ov1oi5bJq4hPBPT/g54ed1glF34l2z5VAdHHhcgOaezBxur3kcMPChB0pfZxxcFw==", + "integrity": "sha1-Np2QmyWTxA6L55lAshNAhQx5Oaw=", "dev": true, "requires": { "chalk": "^1.1.1", @@ -841,13 +841,13 @@ "ansi-styles": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==", + "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", "dev": true }, "chalk": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==", + "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "dev": true, "requires": { "ansi-styles": "^2.2.1", @@ -860,7 +860,7 @@ "supports-color": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==", + "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=", "dev": true } } @@ -1014,7 +1014,7 @@ "has-ansi": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", - "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==", + "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", "dev": true, "requires": { "ansi-regex": "^2.0.0" @@ -1044,13 +1044,13 @@ "hooker": { "version": "0.2.3", "resolved": "https://registry.npmjs.org/hooker/-/hooker-0.2.3.tgz", - "integrity": "sha512-t+UerCsQviSymAInD01Pw+Dn/usmz1sRO+3Zk1+lx8eg+WKpD2ulcwWqHHL0+aseRBr+3+vIhiG1K1JTwaIcTA==", + "integrity": "sha1-uDT3I8xKJCqmWWNFnfbZhMXT2Vk=", "dev": true }, "htmlparser2": { "version": "3.8.3", "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.8.3.tgz", - "integrity": "sha512-hBxEg3CYXe+rPIua8ETe7tmG3XDn9B0edOE/e9wH2nLczxzgdu0m0aNHY+5wFZiviLWLdANPJTssa92dMcXQ5Q==", + "integrity": "sha1-mWwosZFRaovoZQGn15dX5ccMEGg=", "dev": true, "requires": { "domelementtype": "1", @@ -1063,7 +1063,7 @@ "http-errors": { "version": "1.6.3", "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", - "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", "dev": true, "requires": { "depd": "~1.1.2", @@ -1110,14 +1110,14 @@ "image-size": { "version": "0.5.5", "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz", - "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==", + "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=", "dev": true, "optional": true }, "inflight": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", "dev": true, "requires": { "once": "^1.3.0", @@ -1224,13 +1224,13 @@ "isarray": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", - "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==", + "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=", "dev": true }, "isexe": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=", "dev": true }, "isobject": { @@ -1339,7 +1339,7 @@ "locate-path": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz", - "integrity": "sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==", + "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", "dev": true, "requires": { "p-locate": "^2.0.0", @@ -1479,13 +1479,13 @@ "ms": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", "dev": true }, "multimatch": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/multimatch/-/multimatch-2.1.0.tgz", - "integrity": "sha512-0mzK8ymiWdehTBiJh0vClAzGyQbdtyWqzSVx//EK4N/D+599RFlGfTAsKw2zMSABtDG9C6Ul2+t8f2Lbdjf5mA==", + "integrity": "sha1-nHkGoi+0wCkZ4vX3UWG0zb1LKis=", "dev": true, "requires": { "array-differ": "^1.0.0", @@ -1510,7 +1510,7 @@ "nopt": { "version": "3.0.6", "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", - "integrity": "sha512-4GUt3kSEYmk4ITxzB/b9vaIDfUVWN/Ml1Fwl11IlnIG2iaJ9O6WXZ9SrYM9NLI8OCBieN2Y8SWC2oJV0RQ7qYg==", + "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=", "dev": true, "requires": { "abbrev": "1" @@ -1519,13 +1519,13 @@ "number-is-nan": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", - "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==", + "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", "dev": true }, "object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", "dev": true }, "object-inspect": { @@ -1568,7 +1568,7 @@ "on-finished": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", - "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", "dev": true, "requires": { "ee-first": "1.1.1" @@ -1583,7 +1583,7 @@ "once": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", "dev": true, "requires": { "wrappy": "1" @@ -1592,7 +1592,7 @@ "opn": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/opn/-/opn-4.0.2.tgz", - "integrity": "sha512-iPBWbPP4OEOzR1xfhpGLDh+ypKBOygunZhM9jBtA7FS5sKjEiMZw0EFb82hnDOmTZX90ZWLoZKUza4cVt8MexA==", + "integrity": "sha1-erwi5kTf9jsKltWrfyeQwPAavJU=", "dev": true, "requires": { "object-assign": "^4.0.1", @@ -1633,7 +1633,7 @@ "p-locate": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz", - "integrity": "sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==", + "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", "dev": true, "requires": { "p-limit": "^1.1.0" @@ -1642,7 +1642,7 @@ "p-try": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", - "integrity": "sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==", + "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=", "dev": true }, "parse-filepath": { @@ -1677,7 +1677,7 @@ "path-is-absolute": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=", "dev": true }, "path-parse": { @@ -1717,13 +1717,13 @@ "pinkie": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", - "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==", + "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=", "dev": true }, "pinkie-promise": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", - "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==", + "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", "dev": true, "requires": { "pinkie": "^2.0.0" @@ -1732,7 +1732,7 @@ "pkg-up": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz", - "integrity": "sha512-fjAPuiws93rm7mPUu21RdBnkeZNrbfCFCwfAhPWY+rR3zG0ubpe5cEReHOw5fIbfmsxEV/g2kSxGTATY3Bpnwg==", + "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=", "dev": true, "requires": { "find-up": "^2.1.0" @@ -1741,7 +1741,7 @@ "portscanner": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/portscanner/-/portscanner-1.2.0.tgz", - "integrity": "sha512-3MCx40XO6ChNJJHw1tTFukQK/M/8FacGZK/vGbnrKpozObrJzembYtfi7ZdA2hkF2Lojg77XhsKUPvF8eHKcDA==", + "integrity": "sha1-sUu9olfRTDEPqcwJaCrwLUCWGAI=", "dev": true, "requires": { "async": "1.5.2" @@ -1767,7 +1767,7 @@ "prr": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", - "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", + "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=", "dev": true, "optional": true }, @@ -1789,7 +1789,7 @@ "raw-body": { "version": "1.1.7", "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-1.1.7.tgz", - "integrity": "sha512-WmJJU2e9Y6M5UzTOkHaM7xJGAPQD8PNzx3bAd2+uhZAim6wDk6dAZxPVYLF67XhbR4hmKGh33Lpmh4XWrCH5Mg==", + "integrity": "sha1-HQJ8K/oRasxmI7yo8AAWVyqH1CU=", "dev": true, "requires": { "bytes": "1", @@ -1799,7 +1799,7 @@ "readable-stream": { "version": "1.1.14", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", - "integrity": "sha512-+MeVjFf4L44XUkhM1eYbD8fyEsxcV81pqMSR5gblfcLCHfZvbrqy4/qYHE+/R5HoBUT11WV5O08Cr1n3YXkWVQ==", + "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", "dev": true, "requires": { "core-util-is": "~1.0.0", @@ -1841,13 +1841,13 @@ "resolve-from": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-2.0.0.tgz", - "integrity": "sha512-qpFcKaXsq8+oRoLilkwyc7zHGF5i9Q2/25NIgLQQ/+VVv9rU4qvr6nXVAw1DsnXJyQkZsR4Ytfbtg5ehfcUssQ==", + "integrity": "sha1-lICrIOlP+h2egKgEx+oUdhGWa1c=", "dev": true }, "resolve-pkg": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/resolve-pkg/-/resolve-pkg-1.0.0.tgz", - "integrity": "sha512-L0/+vjdV3UjcQaXRlQcObpCyySS8GEqVNYGYRDAGlYOcw4J1y33WMIAD3XvYWIPnBeyN5Ilp5RHoifs3gR1S2g==", + "integrity": "sha1-4ZoV54rKLhJEYdySsuOUPvk0lNk=", "dev": true, "requires": { "resolve-from": "^2.0.0" @@ -1871,7 +1871,7 @@ "safe-json-parse": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/safe-json-parse/-/safe-json-parse-1.0.1.tgz", - "integrity": "sha512-o0JmTu17WGUaUOHa1l0FPGXKBfijbxK6qoHzlkihsDXxzBHvJcA7zgviKR92Xs841rX9pK16unfphLq0/KqX7A==", + "integrity": "sha1-PnZyPjjf3aE8mx0poeB//uSzC1c=", "dev": true }, "safer-buffer": { @@ -1952,7 +1952,7 @@ "serve-index": { "version": "1.9.1", "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz", - "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==", + "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=", "dev": true, "requires": { "accepts": "~1.3.4", @@ -1985,7 +1985,7 @@ "shelljs": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.3.0.tgz", - "integrity": "sha512-Ny0KN4dyT8ZSCE0frtcbAJGoM/HTArpyPkeli1/00aYfm0sbD/Gk/4x7N2DP9QKGpBsiQH7n6rpm1L79RtviEQ==", + "integrity": "sha1-NZbmMHp4FUT1kfN9phg2DzHbV7E=", "dev": true }, "side-channel": { @@ -2020,19 +2020,19 @@ "string-template": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/string-template/-/string-template-0.2.1.tgz", - "integrity": "sha512-Yptehjogou2xm4UJbxJ4CxgZx12HBfeystp0y3x7s4Dj32ltVVG1Gg8YhKjHZkHicuKpZX/ffilA8505VbUbpw==", + "integrity": "sha1-QpMuWYo1LQH8IuwzZ9nYTuxsmt0=", "dev": true }, "string_decoder": { "version": "0.10.31", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", - "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==", + "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=", "dev": true }, "strip-ansi": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", + "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "dev": true, "requires": { "ansi-regex": "^2.0.0" @@ -2041,7 +2041,7 @@ "strip-json-comments": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-1.0.4.tgz", - "integrity": "sha512-AOPG8EBc5wAikaG1/7uFCNFJwnKOuQwFTpYBdTW6OvWHeZBQBrAA/amefHGrEiOnCPcLFZK6FUPtWVKpQVIRgg==", + "integrity": "sha1-HhX7ysl9Pumb8tc7TGVrCCu6+5E=", "dev": true }, "supports-color": { diff --git a/package.json b/package.json index 83630c4..e1bab6c 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "RWD-Table-Patterns", "description": "This is an awesome solution for responsive tables with complex data.", - "version": "6.0.2", + "version": "6.1.0", "keywords": [ "RWD", "responsive", @@ -10,16 +10,12 @@ "bootstrap" ], "homepage": "http://gergeo.se/RWD-Table-Patterns", - "authors": [ - "Nadan Gergeo (www.blimp.se)", - "Lucas Wiener (www.blimp.se)", - "Maggie Wachs (www.filamentgroup.com)" - ], + "author": "Nadan Gergeo (www.blimp.se)", "contributors": [ - { - "name": "Ryan Hafer", - "email": "hafer.ryan@gmail.com" - } + "Lucas Wiener (www.blimp.se)", + "Maggie Wachs (www.filamentgroup.com)", + "Robert DeLuca (robertdelu.ca)", + "Ryan Hafer " ], "repository": { "type": "git",