在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

祝你好运.