ColumnControl 2.0.0-beta.1
DataTables CDN files for ColumnControl 2.0.0-beta.1. This software was originally released on 6th April, 2026.
Release notes
This release of ColumnControl updates the software to be fully compatible with DataTables 3 and adds a few small features. See the release notes below.
New
- Supports DataTables 3 (required).
dropdownClassoption fordropdownwhich is assigned to the dropdown container, allowing customisation per column if needed.autoFocusoption fordropdown. This will allow ColumnControl to automatically select an element to gain focus when the dropdown is focused. By default, this will now happen for search content types in the dropdown (e.g. the search input insearchDropdownwill gain focus when displayed).searchDropdownwill show a different icon (magnifying glass with a tick inside it) when there is an active search.
Updates
- ES6 output target from TypeScript
- "Select all" in check list renamed to "Select" and will select only the filtered results (if there is a filter).
Fixes
- Date conversation should use UTC - search was failing due to a timezone offset
- Only try to resolve moment and luxon when they are needed, rather than up front, which can cause an issue if they are loaded after the fact.
- When using a free text search input, list search and state saving, a dropdown button might not show as active when a search is applied at load.
- State saving could throw an error when used with
search
Examples
- Update to remove jQuery initialisation version of each example, and focus on the Vanilla JS code for simplicity and consistency throughout the DataTables examples.
Docs
- Explicitly state the top level and column level interaction for
columnControl.target. - Consistent naming for DataTables types
- Updated for the more consistent naming convention used for DataTables' defined types in DT3
Files
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/importmap.json
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.bootstrap4.min.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.bootstrap5.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.bootstrap5.min.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.bulma.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.bulma.min.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.dataTables.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.dataTables.min.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.foundation.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.foundation.min.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.jqueryui.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.jqueryui.min.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.semanticui.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.semanticui.min.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/shared.scss
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.bootstrap.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.bootstrap.min.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/css/columnControl.bootstrap4.css
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap.min.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap.min.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap4.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap4.min.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap4.min.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap4.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap5.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap5.min.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap5.min.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bootstrap5.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bulma.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bulma.min.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bulma.min.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.bulma.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.dataTables.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.dataTables.min.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.dataTables.min.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.dataTables.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.foundation.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.foundation.min.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.foundation.min.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.foundation.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.jqueryui.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.jqueryui.min.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.jqueryui.min.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.jqueryui.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.semanticui.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.semanticui.min.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.semanticui.min.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/columnControl.semanticui.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/dataTables.columnControl.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/dataTables.columnControl.min.js
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/dataTables.columnControl.min.mjs
- //cdn.datatables.net/columncontrol/2.0.0-beta.1/js/dataTables.columnControl.mjs