javascript - Add DOM elements on Datatables wrapper - Stack Overflow

admin管理员组

文章数量:1022727

My aim is to add buttons on a table created by datatables.js on its header. My code to add buttons is:

$('#myButton').prependTo($('#myTable_wrapper'));

The problem is i can't find the right timing to add the button. I have tried adding the button right after the table was created but it seems like the wrapper is not yet created at that moment. I also tried adding the button on $(document).ready() but the wrapper is also not yet created at that part of the code.

$(document).ready(function () {
  $("#myTable").datatables();
  $('#myButton').prependTo($('#myTable_wrapper'));
});

Where is the right part of the code to modify the wrapper?

My aim is to add buttons on a table created by datatables.js on its header. My code to add buttons is:

$('#myButton').prependTo($('#myTable_wrapper'));

The problem is i can't find the right timing to add the button. I have tried adding the button right after the table was created but it seems like the wrapper is not yet created at that moment. I also tried adding the button on $(document).ready() but the wrapper is also not yet created at that part of the code.

$(document).ready(function () {
  $("#myTable").datatables();
  $('#myButton').prependTo($('#myTable_wrapper'));
});

Where is the right part of the code to modify the wrapper?

• javascript
• datatables

Share Improve this question Follow edited Jan 11, 2014 at 8:19 rajeemcariazo asked Jan 11, 2014 at 8:08 rajeemcariazorajeemcariazo 2,54455 gold badges3838 silver badges6363 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

You need to use the fnDrawCallback callback:

$(document).ready(function() {
        $('#myTable').dataTable({
            "fnDrawCallback": function(oSettings) {
                $('#myButton').prependTo($('#myTable_wrapper'));
            }
        });
});

Hope that works for you!

Here's a list of many other callbacks: http://datatables/usage/callbacks

Good luck with this.

My aim is to add buttons on a table created by datatables.js on its header. My code to add buttons is:

$('#myButton').prependTo($('#myTable_wrapper'));

The problem is i can't find the right timing to add the button. I have tried adding the button right after the table was created but it seems like the wrapper is not yet created at that moment. I also tried adding the button on $(document).ready() but the wrapper is also not yet created at that part of the code.

$(document).ready(function () {
  $("#myTable").datatables();
  $('#myButton').prependTo($('#myTable_wrapper'));
});

Where is the right part of the code to modify the wrapper?

My aim is to add buttons on a table created by datatables.js on its header. My code to add buttons is:

$('#myButton').prependTo($('#myTable_wrapper'));

The problem is i can't find the right timing to add the button. I have tried adding the button right after the table was created but it seems like the wrapper is not yet created at that moment. I also tried adding the button on $(document).ready() but the wrapper is also not yet created at that part of the code.

$(document).ready(function () {
  $("#myTable").datatables();
  $('#myButton').prependTo($('#myTable_wrapper'));
});

Where is the right part of the code to modify the wrapper?

• javascript
• datatables

Share Improve this question Follow edited Jan 11, 2014 at 8:19 rajeemcariazo asked Jan 11, 2014 at 8:08 rajeemcariazorajeemcariazo 2,54455 gold badges3838 silver badges6363 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

You need to use the fnDrawCallback callback:

$(document).ready(function() {
        $('#myTable').dataTable({
            "fnDrawCallback": function(oSettings) {
                $('#myButton').prependTo($('#myTable_wrapper'));
            }
        });
});

Hope that works for you!

Here's a list of many other callbacks: http://datatables/usage/callbacks

Good luck with this.

本文标签： javascriptAdd DOM elements on Datatables wrapperStack Overflow