row.child("some htmls").show() is not working 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-tablenametbody 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');
            });

Start with the supplied row.child("some htmls").show() click handler and reproduce the behavior on the first and later scrolled pages. No repository file or test is named, so locate the relevant Scroller integration and determine why the handler differs across pages; done means the child row displays consistently when opened after pagination or scrolling.