Select 2.0.0
DataTables CDN files for Select 2.0.0. This software was originally released on 15th February, 2024.
Release notes
This is a major update to the Select extension for DataTables. It makes full use of the DataTables 2 data type APIs to introduce a new checkbox row selection renderer, in part to help accessability, but also to allow more consistent styling in an application.
Select 2 is not compatible with DataTables 1.x, it requires DataTables 2+ due to the use of the new APIs.
New
- Requires DataTables 2
- Row selection via keyboard with checkbox mode
- Real checkboxes for row selection through a new
DataTable.render.select()renderer - Column ordering is automatically handled by the
selectrenderer. A new example demonstrates this. - A checkbox is added to the header when using the checkbox renderer, to summarise current checked state, and allow a select / deselect all action.
aria-labelattribute values can be set for the checkboxes used in table row selection and the select all header checkbox.select.headerCheckboxoption which can be used to disable the new header checkbox.
Updates
- Legacy
select-checkboxclass now uses only:beforepseudo element rather than:beforeand:after. The styling is still the same, but it frees up the:afterfor other use (FixedColumns new shading specifically).
Fixes
- Background colour for column and cell selection wasn't matching the row selection.
- Remove use of
$.inArrayand replace with native function
Types
- No implicit any would result in errors
- Plug-in was on the wrong DataTables host object (type)
Docs
- Consistent code formatting for code snippets
Examples
- Consistent code formatting for examples
Files
- //cdn.datatables.net/select/2.0.0/js/dataTables.select.js
- //cdn.datatables.net/select/2.0.0/js/dataTables.select.min.js
- //cdn.datatables.net/select/2.0.0/js/dataTables.select.min.mjs
- //cdn.datatables.net/select/2.0.0/js/dataTables.select.mjs
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap.js
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap.min.js
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap.min.mjs
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap.mjs
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap4.js
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap4.min.js
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap4.min.mjs
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap4.mjs
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap5.js
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap5.min.js
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap5.min.mjs
- //cdn.datatables.net/select/2.0.0/js/select.bootstrap5.mjs
- //cdn.datatables.net/select/2.0.0/js/select.bulma.js
- //cdn.datatables.net/select/2.0.0/js/select.bulma.min.js
- //cdn.datatables.net/select/2.0.0/js/select.bulma.min.mjs
- //cdn.datatables.net/select/2.0.0/js/select.bulma.mjs
- //cdn.datatables.net/select/2.0.0/js/select.dataTables.js
- //cdn.datatables.net/select/2.0.0/js/select.dataTables.min.js
- //cdn.datatables.net/select/2.0.0/js/select.dataTables.min.mjs
- //cdn.datatables.net/select/2.0.0/js/select.dataTables.mjs
- //cdn.datatables.net/select/2.0.0/js/select.foundation.js
- //cdn.datatables.net/select/2.0.0/js/select.foundation.min.js
- //cdn.datatables.net/select/2.0.0/js/select.foundation.min.mjs
- //cdn.datatables.net/select/2.0.0/js/select.foundation.mjs
- //cdn.datatables.net/select/2.0.0/js/select.jqueryui.js
- //cdn.datatables.net/select/2.0.0/js/select.jqueryui.min.js
- //cdn.datatables.net/select/2.0.0/js/select.jqueryui.min.mjs
- //cdn.datatables.net/select/2.0.0/js/select.jqueryui.mjs
- //cdn.datatables.net/select/2.0.0/js/select.semanticui.js
- //cdn.datatables.net/select/2.0.0/js/select.semanticui.min.js
- //cdn.datatables.net/select/2.0.0/js/select.semanticui.min.mjs
- //cdn.datatables.net/select/2.0.0/js/select.semanticui.mjs
- //cdn.datatables.net/select/2.0.0/importmap.json
- //cdn.datatables.net/select/2.0.0/css/select.bootstrap.css
- //cdn.datatables.net/select/2.0.0/css/select.bootstrap.min.css
- //cdn.datatables.net/select/2.0.0/css/select.bootstrap4.css
- //cdn.datatables.net/select/2.0.0/css/select.bootstrap4.min.css
- //cdn.datatables.net/select/2.0.0/css/select.bootstrap5.css
- //cdn.datatables.net/select/2.0.0/css/select.bootstrap5.min.css
- //cdn.datatables.net/select/2.0.0/css/select.bulma.css
- //cdn.datatables.net/select/2.0.0/css/select.bulma.min.css
- //cdn.datatables.net/select/2.0.0/css/select.dataTables.css
- //cdn.datatables.net/select/2.0.0/css/select.dataTables.min.css
- //cdn.datatables.net/select/2.0.0/css/select.foundation.css
- //cdn.datatables.net/select/2.0.0/css/select.foundation.min.css
- //cdn.datatables.net/select/2.0.0/css/select.jqueryui.css
- //cdn.datatables.net/select/2.0.0/css/select.jqueryui.min.css
- //cdn.datatables.net/select/2.0.0/css/select.semanticui.css
- //cdn.datatables.net/select/2.0.0/css/select.semanticui.min.css