Responsive 2.2.4
DataTables CDN files for Responsive 2.2.4. This software was originally released on 11th May, 2020.
Release notes
While a patch release, this contains a number of bug fixes, including address the issue with the first column being hidden by responsive (e.g. collapsing from the left) where the show / hide icon would have been hidden.
Updates
- Update - CSS: Responsive control icon is now vertical align middle to the cell it is shown in. This works much better for tables which have mixed single and multiline content
- Updated:
columns.className
is now added to theli
/tr
element for the column when it is collapsed down by Responsive
Fixes
- Fix: Semantic UI modal would only show the first time
- Fix: Control column disable no longer uses
:first-child
, allow the first column to be hidden, while the control icon is still shown in the visible first column. This is done through a class name (dtr-control
) which is dynamically updated on the cells as needed - Fix: Responsive tables were collapsing too early in Firefox
- Fix: Remove use of deprecated
$().blur()
- Fix: Bootstrap 4 with
table-sm
looked a bit rubbish when collapsed - Fix: DataTables not redrawn after column reordering
- Fix:
columns().responsiveHidden()
and friends would incorrectly report that a column hidden by DataTables was hidden by Responsive. - Fix: Calculate window width without the scrollbar (i.e. use only the drawn section of the viewport)
- Fix: Example and documentation for disabling the end user's ability to disable the show / hide action was incomplete and partly wrong.
- Fix - styling: Semantic UI example would use Semantic UI's own collapse method for tablets / mobile
- Fix - example: Clarify
columns.responsivePriority
has a default value of 10000 and that higher numbers are lower priority
Files
css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.bootstrap.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.bootstrap.min.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.bootstrap4.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.bootstrap4.min.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.dataTables.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.dataTables.min.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.foundation.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.foundation.min.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.jqueryui.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.jqueryui.min.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.semanticui.css
- //cdn.datatables.net/responsive/2.2.4/css/responsive.semanticui.min.css
js
- //cdn.datatables.net/responsive/2.2.4/js/dataTables.responsive.js
- //cdn.datatables.net/responsive/2.2.4/js/dataTables.responsive.min.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.bootstrap.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.bootstrap.min.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.bootstrap4.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.bootstrap4.min.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.dataTables.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.dataTables.min.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.foundation.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.foundation.min.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.jqueryui.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.jqueryui.min.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.semanticui.js
- //cdn.datatables.net/responsive/2.2.4/js/responsive.semanticui.min.js