'Is there a way of grouping rows together as parent/children with show/hide in Datatables.js without using custom JavaScript?

I am using datatables.js (version 1.10.25) to create a table in my CMS. My issue is that I am showing/hiding some of the rows of the table under a heading row using jQuery and this breaks the sorting of the table.

enter image description here

Is there a way of grouping rows together as parent/children with show/hide in datatables.js without using custom JavaScript?



Solution 1:[1]

Yes, here are two options:

Option 1, Datatables Row grouping, it does not allow to hide/show children in groups (or at least I think).

Option 2, Datatables Child rows, the same but it allows to hide/show children in groups.

Always use plugins whenever you can, don't reinvent the wheel ^^

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Dani