ColReorder 2.0.0
DataTables CDN files for ColReorder 2.0.0. This software was originally released on 15th February, 2024.
Release notes
ColReorder is a complete rewrite of ColReorder, modernising the code base, making it much more flexible, and smaller! This latest release has full support for complex headers and footers in the DataTable, letting you move multiple columns at once if they were colspan'ed together!
ColReorder 2+ is not compatible with DataTables 1.x, it requires DataTables 2+ due to the use of the new APIs.
New
- Requires DataTables 2+
colReorder.columnsoption to select which columns the end user can start and end reordering on.columns-reorderedevent for when column reordering is done.- When scrolling (
scrollX), the table will now auto scroll while dragging a column for reordering when near the extreme ends (start and end) of the table.
Removed
- The
dropparameter fromcolumn.reorderhas been removed - no longer required. colReorder.fixedColumnsLeftandcolReorder.fixedColumnsRight- replaced withcolReorder.columnswhich is much more flexible.- The
colReorder.realtimeoption is no longer relevant and has now been removed.
Fixes
- Disallow document overflow-x when dragging a column header
formOriginaltranspose option was not working correctly
Types
newconstructor returns instance, not void- Plug-in was on the wrong DataTables host object (type)
Docs
- Update for Buttons as a "feature" in DataTables 2
- Consistent formatting for example snippets
Examples
- New example - Complex headers
- Consistent formatting for example code
Files
- //cdn.datatables.net/colreorder/2.0.0/importmap.json
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.bootstrap.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.bootstrap.min.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.bootstrap4.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.bootstrap4.min.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.bootstrap5.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.bootstrap5.min.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.bulma.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.bulma.min.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.dataTables.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.dataTables.min.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.foundation.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.foundation.min.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.jqueryui.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.jqueryui.min.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.semanticui.css
- //cdn.datatables.net/colreorder/2.0.0/css/colReorder.semanticui.min.css
- //cdn.datatables.net/colreorder/2.0.0/js/ColReorder.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap.min.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap.min.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap4.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap4.min.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap4.min.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap4.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap5.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap5.min.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap5.min.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bootstrap5.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bulma.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bulma.min.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bulma.min.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.bulma.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.dataTables.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.dataTables.min.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.dataTables.min.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.dataTables.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.foundation.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.foundation.min.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.foundation.min.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.foundation.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.jqueryui.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.jqueryui.min.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.jqueryui.min.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.jqueryui.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.semanticui.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.semanticui.min.js
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.semanticui.min.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/colReorder.semanticui.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/dataTables.colReorder.js
- //cdn.datatables.net/colreorder/2.0.0/js/dataTables.colReorder.min.js
- //cdn.datatables.net/colreorder/2.0.0/js/dataTables.colReorder.min.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/dataTables.colReorder.mjs
- //cdn.datatables.net/colreorder/2.0.0/js/functions.js