网页布局在加载过程中加扰

Question

我有一个页面有一个包含至少100行的表。问题是当页面回发时，页面布局在加载过程中被加扰并且控件位置被更改。加载完成后，布局将恢复正常。当连接速度很低时，这个问题显然会出现。

下面我分享了3张图片。第一个是页面加载期间的布局外观。第二个是加载完成后。最后一个在dom中显示我的表结构。 （抱歉有关删除图像中的文字。因为机密信息。）

Answer 1

这是因为页面需要很长时间才能完全加载。避免此问题的一种可能解决方案是最初隐藏表并在加载整个页面后显示它。它将避免加扰问题（认为它有一些缺点）。

初次使用<table id = "my_table" style = "display:none">

的Javascript

$(document).load(function(){
$("#my_table").css("display","block");
});