Search

can be configured on the DataTable.RowReorder.defaults object or DataTable.defaults.rowReorder.

p>This examples shows how the row-reorder-changed event can be

The rowReorder.cancelable option provides the ability to make the drag & drop operation cancelable either by pressing the ESC key or dropping the element outside of the table.

p>This example demonstrates the

This example shows DataTables and the RowGroup extension being used with Fomantic-UI (a maintained fork of Semantic-UI). The DataTables / Fomantic-UI integration provides seamless integration for DataTables to be used in a Fomantic-UI page.

This example shows DataTables and RowGroup being used with jQuery UI providing the base styling information. The DataTables / jQuery UI integration provides seamless integration for DataTables to be used in a jQuery UI page.

RowGroup, like all other DataTables extensions fully supports being themed by external styling frameworks. Styling using the core frameworks supported by DataTables are demonstrated in this section.

This example shows DataTables and the RowGroup extension being used with the Foundation framework providing the styling. The DataTables / Foundation integration provides seamless integration for DataTables to be used in a Foundation page.

This example shows DataTables and the RowGroup extension being used with the Bulma framework providing the styling. The DataTables / Bulma integration provides seamless integration for DataTables to be used in a Bulma page.

This example shows DataTables and the RowGroup extension being used with Bootstrap 5 providing the styling. The DataTables / Bootstrap 5 integration provides seamless integration for DataTables to be used in a Bootstrap 5 page.