加载以dataTables填充颜色框后，如何调整颜色框的大小

Question

我有一个使用颜色框定义了调整大小的弹出框。该代码从数据表加载数据，因此我的身高各不相同。我使用了colorbox调整大小功能，但它仅调整为列出数据的高度，而不调整其下方的导航控件的高度。有没有一种方法可以在用数据表加载数据后获取大小，然后再添加50个像素？或以某种方式包括数据表的下一行（导航）。我知道也有用于调整大小的参数，但是我不知道如何计算它们？我尝试增加div的高度并添加50PX，但这没有用。 .height（）函数通过数据表返回加载之前的高度。

这是我的代码：

        $.colorbox({
        href: "/messaging/",
        data: mydata,
        iframe: false,
        width: "940px",
        scrolling: 'auto',
        escKey: false,
        overlayClose: false,
        title: "",
        close: "",
        onComplete : function() {
            $(this).colorbox.resize();
        }
    });

结果颜色框如图所示。

我希望框的大小能够包含数据表导航按钮。

编辑：解决方案是使用dataTables回调，而不是colorbox回调：

    $('#messaging')
    .on( 'init.dt', function () {
        $.colorbox.resize();
    } )
    .dataTable();