I am implementing a collapsible table in javascript using Datatables. It represents a nested structure, so clicking on one row hides all the rows that are nested within this row. I now have two problems that I haven't been able to solve:

1. Rows that are on consequent pages to the one that is currently being displayed are not affected by the changes.
2. Rows from subsequent pages don't move up to fill the rows that are being hidden.

How can I force Datatables to render the table so that rows from consequent pages fill the missing spots and how can I hide rows on subsequent pages without having to create a completely new table?