I cannot move elements of the table which are hidden in another page of pagination

I cannot move elements of the table which are hidden in another page of pagination

arcanisgkarcanisgk Posts: 41Questions: 12Answers: 0
edited May 2020 in Free community support

I cannot move elements of the table, which are hidden in another page of pagination.

i have build huge bulk of td Content Like this, around 1000:

<td>
       <button type="button" class="btn btn-primary" data-toggle="ships" >Send Ships</button>
       <div class="ships"></ships>
</td>

Some of this are hidden becouse the pagination.... show 10 per Page...

when i try to move all div with this class: .ships to other div, out of the current table DOM, it only move the current view page/pagination and not the other hidden....

$('.ships').appendTo("#ships-js");

Answers

  • arcanisgkarcanisgk Posts: 41Questions: 12Answers: 0

    solved with this:

    $(document).off('click.td', '.paginate_button.page-item > .page-link');
    $(document).unbind('click.td', '.paginate_button.page-item > .page-link');
    $(document).on('click.td', '.paginate_button.page-item > .page-link', function() {
            var Ships= $(.ships);
            Ships.appendTo("#ships-js");
    });
    
This discussion has been closed.