'DataTables child row showing problem with scrolling Pagination

I have a pagination table but not not like 1-2-3-4-5.

Problem is first page working on row.child("some htmls").show(), But second and after pages doesn't work row.child("some htmls").show()

How do I this ?

$('#dt-tablename tbody td.details-control').on('click', '.table-arrow', function () {

            var tr = $(this).closest('tr');
            var row = table.row(tr);
        
            if ( row.child.isShown() ) {
              row.child.hide();
              tr.removeClass('shown');
        
            } else {

                var threadsChildRowsHtml = ChildRowTemplate(jsonData);
                row.child(threadsChildRowsHtml).show();
                
                tr.addClass('shown');
            }
        
            tr.find('.table-arrow').toggleClass('arrow-up arrow-down');
        });**strong text**


Sources

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

Source: Stack Overflow

Solution Source