jQuery Datatables Remove Paging on button click

Question

Is it possible to change the properties of a Data-table defined during initialising based on the actions of user? I do not want to destroy() the table and create or initialise again. Is there some other method? I want to remove paging from the datatable, when a user clicks on a button

$('#example').dataTable( {
    "paging": true
} );

<button id="stopPaging"> Stop Paging<button>

I want to change to "paging":false on the click of the button. Thanks in advance.

Use drow() Api of data table, follow this url datatables.net/reference/api/draw() — DHARMENDRA SINGH
– DHARMENDRA SINGH, Commented Aug 17, 2018 at 5:19

Abid Iqbal · Accepted Answer · 2018-08-17 07:23:40Z

1

You call disable and hide the pagination by adding below click event to your js file.

$( "#stopPaging" ).click(function() {
  $('#dataTables_paginate').find('a').each(function(e){
        $(this).off('click');
        $(this).parent().css("display","none")
    })
});

Hope this will help.

Cheers

answered Aug 17, 2018 at 7:23

Abid Iqbal

7838 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Datatables Remove Paging on button click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related