jQuery DataTables - Slow initiation, “Normal” html table shown in the beginning

Question

I\'m using jQuery DataTable plugin, but I got a concern where the scripts loading seems to take some time, so my web page is always displaying the ordinary html table first, and

Answer 1

• The following is a node.js handlebars example. However, you can render the data using whatever web front-end framework you are using.
• If you're using bootstrap you can hide the table initially using the hidden class or alternatively hide the elements manually.
• Then in the initComplete callback you can then use jQuery to remove the hidden class to display the table only once it has loaded completely.

  {{#each devices}}
    
  {{/each}}


  

    
Name
    
Last Name
    
Age
    
Street Address
    
State
    
Country
  


      
{{first_name}}
      
{{last_name}}
      
{{age}}
      
{{street_address}}
      
{{state}}
      
{{country}}
    

For example: