RowGrouping extension for DataTables
JavaScript Shell CSS
Switch branches/tags
Clone or download


RowGroup adds the ability to easily group rows in a DataTable by a given data point. The grouping is shown as an inserted row either before or after the group.

It is worth nothing that RowGroup currently does not work with:

  • The Scroller extension for DataTables
  • Export buttons for DataTables (the data will be shown, but the grouping is not).


To use RowGroup 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

RowGroup is initialised using the rowGroup option in the DataTables constructor - a simple boolean true will enable the feature, but you will most likely wish to use the rowGroup.dataSrc option to configure the data parameter which should be used to read the grouping data from.


$(document).ready( function () {
    $('#myTable').DataTable( {
    	rowGroup: {
            dataSrc: 0
    } );
} );

Documentation / support


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