jQuery DataTables初始化延迟

时间:2011-10-31 20:50:42

标签: javascript jquery datatables

当我使用DataTables替换表中的数据集时,它工作得很好,但有时当您重新加载页面时,需要半秒钟来包装显示原始表标记的表,这段时间很短。我想知道是否有办法在DataTables完成包装表时才显示页面内容?

2 个答案:

答案 0 :(得分:3)

有几种方法可以做到。最简单的可能是:

首先,将表设置为display:none by CSS或者甚至(gasp),标记为inline-style。

然后在DataTables初始化中,使用fnDrawCallback显示表:

"fnDrawCallback": function() {
   $(this).show();
}

现在,请记住,实际的最终会在上面和下面显示div(对于页眉和页脚)。刷新页面可能会在表本身刷新时保持显示。如果您只是隐藏并显示绝对所有内容,则需要将表格包装在容器div中,然后使用$(this).show()代替$('.container').show()

答案 1 :(得分:0)

尝试使用body.onload事件处理程序执行此操作。