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

Question

如何确定 DataTables() 是否在 1.10 及更高版本中完成呈现？有没有我可以设置为函数的回调。我想在 DataTables 完成之前隐藏我的表，然后在完成加载后显示它。

对于 1.10 版，我还没有遇到回调，而且我认为许多旧的回调现在已被弃用，因为它们的链接将我重定向到 legacy.datatables.net

Answer 1

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

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

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

来自manual :

init event is called when your table has fully been initialised, data loaded and drawn, particularly when using an ajax data source.

注意事项

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

例如:

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

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

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

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