Row reordering extensions for DataTables
JavaScript CSS Shell
Clone or download
Latest commit e4d4a99 Jun 22, 2018


RowReorder adds the ability for rows in a DataTable to be reordered through user interaction with the table (click and drag / touch and drag). Integration with Editor's multi-row editing feature is also available to update rows immediately.


To use RowReorder the primary way to obtain the software is to use the DataTables downloader. You can also include the individual files from the DataTables CDN. See the documentation for full details.

NPM and Bower

If you prefer to use a package manager such as NPM or Bower, distribution repositories are available with software built from this repository under the name Styling packages for Bootstrap, Foundation and other styling libraries are also available by adding a suffix to the package name.

Please see the DataTables NPM and Bower installation pages for further information. The DataTables installation manual also has details on how to use package managers with DataTables.

Basic usage

RowReorder is initialised using the rowReorder option in the DataTables constructor - a simple boolean true will enable the feature. Further options can be specified using this option as an object - see the documentation for details.


$(document).ready( function () {
    $('#myTable').DataTable( {
    	rowReorder: true
    } );
} );

Documentation / support


If you fancy getting involved with the development of RowReorder and help make it better, please refer to its GitHub repo.