使用jQuery創建一個動態表格

Question

這是在jQuery中從頭開始創建動態表的最好方法，然後用數據填充它們。

編輯：

假設數據來自一個腳本服務，我需要動態地創建一個表，並傳入值

Answer 1

DataTables填充它們是一個功能豐富的jQuery插件表。儘管不知道應用程序所需的功能，但很難提供完美的建議。

Answer 2

有幾種方法可以實現無插件表的實際創建。例如：

$('body').append('<table id="myTable"></table>'); 

然後可以使用.append通過調用表的ID附加表頭和行。使用.html將允許您填充表格。

Answer 3

寫入閉包以避免全局變量。將代碼放入應用程序時，您可以將代碼移出封閉（第一行和最後一行）。

將表分配給一個變量有助於您獲得一個資源來稍後操作，而不是重新查詢哪些可能會導致重複。 myTable是一個jQuery對象，因此調用示例html()，該標記將<thead>和<tbody>標記添加到您的表格元素。

另請注意，當您操作任何元素的內容時，儘可能少地將所有內容封裝在內部，因爲這會提高操作速度。

(function() { 
    var myTable = $('<table></table>'); 
    $('body').append(myTable); 
    myTable.html('<thead></thead><tbody></tbody>'); 
})(); 

Answer 4

您可以使用jTemplates或DOM creation plugin寫容易閱讀的代碼。

Answer 5

有不錯的短introcution你正在尋找在這裏是什麼：Creating Dynamic Tables with jQuery