HTML、Javascript或ASP.net:动态格式化HTML表

HTML、Javascript或ASP.net:动态格式化HTML表,javascript,html,dynamic,Javascript,Html,Dynamic,今天我遇到了一种情况,在这种情况下,我必须动态格式化一个HTML表 具体来说,我的意思是,我必须在放置前4个数据项之后添加另一行。因此,我必须有一个计数器来跟踪这一点,并在该行的前4列被放置后添加另一行 我对Javascript非常陌生,但我认为这是适合这种情况的工具(如果我错了,请纠正我,因为我也可以使用jQuery和ASP.net) 我有一个ASP.net repeater,它列出了数据条目,所以在发生这种情况之前或之后添加一点javascript就足够简单了 有没有人在一个页面上做过类似的

今天我遇到了一种情况,在这种情况下,我必须动态格式化一个HTML表

具体来说,我的意思是,我必须在放置前4个数据项之后添加另一行。因此,我必须有一个计数器来跟踪这一点,并在该行的前4列被放置后添加另一行

我对Javascript非常陌生,但我认为这是适合这种情况的工具(如果我错了,请纠正我,因为我也可以使用jQuery和ASP.net)

我有一个ASP.net repeater,它列出了数据条目,所以在发生这种情况之前或之后添加一点javascript就足够简单了

有没有人在一个页面上做过类似的事情,并且知道如何做到这一点

<table border="0" bordercolor="#FFCC00" style="background-color:#FFFFFF" width="450"     cellpadding="3" cellspacing="3"><tr>
<td><img src="<%# GetFileUrl("MenuItemTeaserImage") %>"></td>
</tr></table>

">

GetFileUrl是一个ASP.net命令,用于获取我的图像。它不是静态的,并且会继续添加额外的数据条目和相应的图像,直到所有图像都用尽为止。

我同意您的看法,JavaScript是在这种情况下使用的正确工具。它受所有浏览器支持,通常速度非常快。它也将离开许多颇受欢迎的框架和补充在这一点上看起来有点过时:如不必要。若要添加包含单元格和内容的行,请获取表对象的句柄,并对内容使用insertRow(n)、insertCell(m)和innerHTML。您将找到一个完整的示例。

为什么不使用asp.net
table.rows.add(row)
。它将行添加到表的末尾。//行是一个表行吗?我不确定我是否理解你的意思,但这可能就是问题所在。如果你能帮助我,我将不胜感激。我很快就要完成这个任务了,我被困在这个琐碎的问题上。谢谢。我不明白显示的代码是如何添加更多的内容的d元素,甚至不止一个img元素。
GetFileUrl()
位于img元素的
src
内,那么它如何继续“添加额外的数据条目和相应的图像,直到所有图像都用完?”"? 你不需要td元素之外的某种循环结构吗?循环结构实际上是我设置一切的固有方式。。。因此,中间的TD行重复执行,表和行不执行。我的循环结构是一个ASP.NET中继器,它只是在中间行它正在做什么。中继器本身是基于图像的数量。那么中继器实际产生什么呢?您是否最终得到一个具有多个td元素的单行表?如果是这样,您肯定可以使用JS创建额外的tr元素,并将td元素移动到每行四个元素。但如果可以的话,我会在服务器端处理每行4个。