JavaScript動態table是現代網站開發中不可或缺的一部分。它能夠使開發人員快速地生成表格，不僅使頁面的展示更加豐富多彩，而且也使數據的呈現更加便利。本文將介紹如何使用JavaScript動態table，并舉例說明其基礎應用。

創建動態table最基本的方式是通過JavaScript代碼動態生成HTML元素。下面是一個簡單的例子，通過javascript代碼創建一個表格，表格中有兩行、三列，每個單元格均填寫了“hello”這個詞。

var table = document.createElement("table");
for (var i = 0; i< 2; i++) {
var row = table.insertRow();
for (var j = 0; j< 3; j++) {
var cell = row.insertCell();
cell.appendChild(document.createTextNode("hello"));
}
}
document.body.appendChild(table);

上述代碼中，先創建了一個空白的table元素，然后循環插入兩行三列的單元格，每個單元格中填寫hello。

除了手動插入元素外，還可以通過JSON數組將數據動態渲染成表格。下面是一個簡單的例子，在頁面上創建一個包含學生信息的表格：

var students = [{
"name": "Peter",
"age": 18,
"gender": "Male"
}, {
"name": "Mary",
"age": 20,
"gender": "Female"
}, {
"name": "Tom",
"age": 21,
"gender": "Male"
}];
var table = document.createElement("table");
var header = table.createTHead();
var hRow = header.insertRow();
var keys = Object.keys(students[0]);
for (var i = 0; i< keys.length; i++) {
var headerCell = document.createElement("th");
headerCell.innerHTML = keys[i];
hRow.appendChild(headerCell);
}
var body = table.createTBody();
for (var i = 0; i< students.length; i++) {
var row = body.insertRow();
for (var j = 0; j< keys.length; j++) {
var cell = row.insertCell();
cell.appendChild(document.createTextNode(students[i][keys[j]]));
}
}
document.body.appendChild(table);

在這個例子中，先定義了一個JSON數組，描述了三個學生的姓名、年齡和性別。然后通過代碼創建了一個空白的表格，插入了一個表頭和表格主體，并為表頭的每個單元格填寫了“name”、“age”和“gender”三個字。最后循環插入每個學生的信息。

有時候需要動態地添加或刪除表格的行和列。下面是一個通過JavaScript代碼實現在表格底部添加行的例子：

var table = document.getElementById("myTable");
var tr = table.insertRow();
var td1 = tr.insertCell();
var td2 = tr.insertCell();
td1.innerHTML = "New cell1";
td2.innerHTML = "New cell2";

這個例子中，首先獲取了表格的引用，使用insertRow()方法在表格底部插入一行，接著使用insertCell()方法在這一行中插入兩個單元格，并在這些單元格中填寫內容。

總之，JavaScript動態table是一種非常方便實用的工具，它使得表格的創建、渲染和操作變得非常快捷，為網站開發人員帶來了很多便利。