在Datatables包装器上添加DOM元素

时间:2014-01-11 08:08:22

标签: javascript datatables jquery-datatables

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

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

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

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

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

1 个答案:

答案 0 :(得分:5)

您需要使用fnDrawCallback回调:

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

希望对你有用!

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

祝你好运。