加载数据时显示html？

Question

On my page I display lot of data in table, but the UI issue I face currently is that table header is displayed prior to data rendered on the screen, and it look odd. Can anyone please provide solution to load html and data simultaneously. some example will be really appreciated. Thanks!

Answer 1

CSS

body {
  display: none;
}

Javascript

$(window).load(function() {
  $("body").fadeIn(1000);
});

Answer 2

You can use as below using jquery:

In css->

body{
  display:none;
}

in javascript

$(document).ready(function({

  $("body").show();

});