在HTML中創建一個動態增長的表格

我對HTML很陌生，所以我不確定是否需要使用Javascript函數來實現這一點，或者如何開始。我想根據收到的數據創建一個增長和縮小的表格。我知道HTML有一個表格標籤，我一直在玩它，但我不知道如何使它基於不同的數據創建單元格。在HTML中創建一個動態增長的表格

來源

2011-10-25 coder

您的動態內容來自哪裏？ –

數據來自JSON中的後端服務器。我需要解析一下如何填充表格。 – coder

你用什麼來填充你的數據？據我所知，HTML5具有相同的表格操作標籤。因此，如果您使用的是PHP或.NET，那麼您通常會擁有一個循環，可根據您需要的數據庫或其他數據源的數據創建儘可能多的行。它可能看起來類似的東西

聲明變量來保存表數據

添加<table>標籤

做你的循環，增加了行

添加</table>標籤

發佈變量一些放置在您的頁面上以顯示錶格。

來源

2011-10-25 19:08:43 Victor

數據來自JSON中的後端服務器。我需要解析一下如何填充表格。 – coder

爲此目的使用JSON.parse（您可能需要一個額外的插件才能做到這一點）。然後在Javascript中，您可以聲明一個變量來保存表數據，並執行一個循環來使用您的JSON數據來填充行。最後，使用JQuery將您創建的變量的內容填充到頁面上的某個div ......將會像$（'＃div'）。html（變量）一樣。 – Victor

好的，我會這樣做的。謝謝。 – coder

在HTML中創建一個動態增長的表格

回答

相關問題