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

HTML or Javascript or ASP.net: Dynamically Formatting an HTML Table

本文关键字：HTML 格式化 动态 net Javascript ASP      更新时间：2023-09-26

今天我遇到了一个必须动态格式化HTML表的情况。

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

我是非常新的Javascript，但我认为这是正确的工具，用于这种情况下(请纠正我，如果我错了，因为我也可以使用jQuery和ASP.net)。

我有一个ASP.net重复器，它列出了数据条目，所以在此发生之前或之后添加一点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。您可以在这里找到一个完整的示例。

相关文章：