加载过程中网页布局打乱

Question

我有一个页面有一个表包含至少 100 行。问题是当页面回发时，页面布局在加载过程中被打乱，控件位置发生变化。加载完成后，布局恢复正常。当连接速度较低时，这个问题很明显。

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

Answer 1

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

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

Javascript

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