Reference

Responsive can be configured through the responsiveR option that is used in the DataTables constructor in exactly the same way any other DataTables configuration option is used. For example:

$('#myTable').DataTable( {
    responsive: true
} );

Additionally, Responsive augments the DataTables API with methods specific to its own operation.

Options

NameSummary

responsive.breakpointsR

Set the breakpoints for a Responsive instance

responsive.details.rendererR

Define the renderer used to display the child rows

responsive.details.targetR

Column / selector for child row display control when using column details type

responsive.details.typeR

Set the child row display control type

responsive.detailsR

Enable and configure the child rows shown by Responsive for collapsed tables

responsiveR

Enable and configure the Responsive extension for DataTables

API

NameSummary

responsive.index()R

Obtain the cell index from a li details element

responsive.rebuild()R

Recalculate the column breakpoints based on the class information of the column header cells

responsive.recalc()R

Recalculate the widths used by responsive after a change in the display