page 8 of 9 Study: Loading Tables Dynamically

Table of Contents: Introduction; Replace Rows: Table Methods; Code for Table Methods; Replacing Tbody: DOM Methods; Code for Replacing Tbody; Replace Table: DOM Methods; Code for DOM Methods; Replace Table: innerHTML (Best); Code for innerHTML (Best)

Demo: Replacing Table Using innerHTML

The following table is filled after the page has loaded. The source data has more columns than the four displayed and 61 rows.

The code is explained on the next page.

Elapsed time to load table was milli seconds.
the table. (The order is reversed to give a visual cue something happened.)