问题标签 [html-table]

我想用 HTML 绘制图表。定位结构如下所示：

前景包含一个动态填充文本的 Table 元素，因此行高可能会根据进入单元格的文本量而改变。如何预测前景中 Table 元素的最终高度？我需要这些信息来设置正确的背景高度。有没有办法从 Javascript 预渲染表格并读出它的高度？还是其他什么技巧？

PS。hostDiv 的大小可能会随着浏览器调整大小而变化。

用 jQuery 删除表格行的最佳方法是什么？

在 jQuery 中将附加行作为最后一行添加到表中的最佳方法是什么？

这可以接受吗？

您可以添加到这样的表中的内容是否有限制（例如输入、选择、行数）？

Below is the code of a simple html with a table layout. In FF it's looking as I think it should look like, in IE7 it doesn't. what am I doing wrong?

And how can I fix it?

在我的代码中，我想以表格形式查看 CSV 中的所有数据，但它只显示最后一行。1号线和2号线呢？这是数据：

这是代码：

我正在努力从使用表格进行布局转移到使用 div（是的，是的，这是一场大辩论）。我有 3 个 div、页眉、内容和页脚。页眉和页脚各为 50 像素。如何让页脚 div 留在页面底部，以及让内容 div 填充两者之间的空间？我不想硬编码内容 div 的高度，因为屏幕分辨率可以改变。

我有一个很长的 3 列表。我想

这是我尝试使用 jQuery 获得的结果。

我想使用 jQuery 的显示/隐藏功能来最小化表格，但仍然显示顶部和底部行的一部分。中间行应替换为“显示完整表格”之类的文本，单击时将展开以从头到尾显示完整表格。

在 jQuery 中执行此操作的最佳方法是什么？

顺便说一句，我已经尝试在某些行中添加一个类“Table_Middle”，但它并没有完全隐藏它，它占用的空间仍然存在，而且我没有文本来给用户一种扩展表格的方法完全。

[编辑] 添加了受 Parand 发布的答案启发的工作示例 HTML

下面的示例是一个完整的工作示例，您甚至不需要下载 jquery。只需粘贴到一个空白的 HTML 文件中。

如果关闭 Javascript，它会很好地降级以仅显示完整的表。如果 Javascript 已打开，则它会隐藏中间表格行并添加显示/隐藏链接。

[编辑] 链接我的博客文章和工作示例。

我试图在选择链接后使用类名来更改链接的颜色，以便它将保持新颜色，但仅在选择另一个链接之前，它会变回来。

我正在使用 Martin Kool 在这个问题中发布的代码：

在我尝试找出表格中的链接之前，它工作正常。为什么是这样？轻松一点，我是初学者。

没有错误，链接正在更改为“选定的”类，但选择另一个链接时，旧链接正在保留“所选”类，而不是更改为“未选择”。基本上，据我所知，它的功能就像一个 vlink 属性，这不是我想要的。

是的，链接都在不同的单元格中，您建议我如何更改代码以使其正常工作？

好吧，其实我说得太早了。

你给我的这段代码工作得很好，在视觉上，它完全符合我的要求。但是，它使我的链接停止工作......它们改变颜色，但不链接到任何东西，然后当我删除脚本时，它们工作正常。我做错了什么/我必须改变什么才能完成这项工作？

另外，我想在我网站的其他地方做同样的事情，链接都在一个<div>标签中，由<p>标签分隔。我怎样才能使这项工作？

I have to build an HTML table that shows data for users versus pages visited. It seems klunky to use for and/or foreach loops, but I can't think of anything better. I'm using PHP, but I would assume that this is language agnostic.

我有一个非常具体的 html 表格结构，似乎揭示了 Gecko 错误。

这是问题的提炼版本。在基于 gecko 的浏览器（例如 FF）中观察下表：（您必须将其复制并粘贴到新文件中）

右下角单元格中的“3”上缺少一行 - 在任何其他浏览器中查看它，该行将按预期显示。有趣的是，放弃表格的 thead 部分，看看我们得到了什么：

这样做可以使它起作用。有人见过这个吗？我想我现在将摆脱我的 thead 部分作为一种解决方法，尽管它使表格不太容易访问。