在Datatables包装器上添加DOM元素

Question

我的目标是在其标题上的datatables.js创建的表上添加按钮。 我添加按钮的代码是：

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

问题是我找不到合适的时机来添加按钮。我已经尝试在创建表之后立即添加按钮，但似乎当时尚未创建包装器。 我也尝试在$（document）.ready（）上添加按钮，但是还没有在代码的那一部分创建包装器。

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

修改包装器的代码的正确部分在哪里？

Answer 1

您需要使用fnDrawCallback回调：

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

希望对你有用！

这里列出了许多其他回调： http://datatables.net/usage/callbacks

祝你好运。