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
select
renderer. 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-label
attribute values can be set for the checkboxes used in table row selection and the select all header checkbox.select.headerCheckbox
option which can be used to disable the new header checkbox.
Updates
- Legacy
select-checkbox
class now uses only:before
pseudo element rather than:before
and:after
. The styling is still the same, but it frees up the:after
for other use (FixedColumns new shading specifically).
Fixes
- Background colour for column and cell selection wasn't matching the row selection.
- Remove use of
$.inArray
and 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/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
- //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