datatable dropdown toggle not working

Newbie Programmer answered on August 4, 2020 Popularity 7/10 Helpfulness 4/10

answer datatable dropdown toggle not working

related datatables and toggle not working

datatable dropdown toggle not working

Comment

$('#payment-notcompleted-table').DataTable().ajax.reload( function() {
  // initialize dropdown
  $('.dropdown-toggle').dropdown();
});

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: datatable dropdown javascript toggle

Link to this answer
Share Copy Link

Contributed on Aug 04 2020

Newbie Programmer

0 Answers Avg Quality 2/10

Closely Related Answers

datatables and toggle not working

Comment

CAUSE
Pages other than first do not exist in DOM at the time of initialization, that is why your handler never gets called.

SOLUTION
You need to use event delegation by providing selector as a second argument in on() call, see example below:
$(document).ready(function(){
    $('#table_name').DataTable();

    $('#table_name').on('click', '.some-toggle-class', function(){
        // your code here
    });   
});

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript toggle datatables datatable

Link to this answer
Share Copy Link

Contributed on Mar 22 2021

Code Alchemy

0 Answers Avg Quality 2/10

datatable dropdown toggle not working

Contents

More Related Answers

datatable dropdown toggle not working

Closely Related Answers

datatables and toggle not working

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.