确定DataTables是否在版本1.10中完成。有回调吗?

时间:2015-07-28 19:33:06

标签: javascript jquery datatables datatables-1.10

如何确定DataTables()是否在1.10及更高版本中完成渲染?我可以在某个地方设置回调函数。我想在DataTables完成之前隐藏我的表,然后在加载完成后再显示它。

对于版本1.10,我没有遇到过回调,我认为很多旧的回调现在已被弃用,因为他们的链接会将我重定向到legacy.datatables.net

1 个答案:

答案 0 :(得分:4)

您可以按如下方式使用init.dt事件:

$('#example').on('init.dt', function(e, settings, json){
    console.log( 'Table initialisation complete: '+new Date().getTime() );
});

$('#example').dataTable();

来自manual

  当您的表已完全初始化,加载和绘制数据时,尤其是在使用init数据源时,会调用

ajax事件。

备注

如果您要隐藏/显示该表格,则需要使用columns.adjust() API方法在表格可见后重新计算列宽。

例如:

$('#example-container').hide();

$('#example').on('init.dt', function(e, settings, json){
    $('#example-container').show();

    $(this).DataTable().columns.adjust();
});

$('#example').dataTable();