在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中创建一个动态增长的表格

回答

相关问题