page 2 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: Using insertRow, insertCell, and deleteRow

The following table is filled after the page has loaded. The source data has more columns than the four displayed; and it has 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.)

First Name	Last Name	Dept	Office