具有“折叠”行的表会在最后一行后生成额外空间
我有一张垂直卷轴的桌子。我保留一些行折叠并由一些脚本管理。
<html lang="en">
<head>
<style type="text/css">
table { border: 1px solid black;
border-collapse: collapse;
overflow-y: scroll;
display: inline-block; }
tr td { border: 1px solid black; }
tr.hide { visibility: collapse;}
</style>
</head>
<body>
<table>
<tr><td> Uno </p></td></tr>
<tr class="hide"><td> Due </p></td></tr>
<tr><td> Tre </p></td></tr>
<tr class="hide"><td> Quattro </p></td></tr>
</table>
</body>
</html>
为了允许额外的内容，我使用了overflow-y:scroll和display:inline-block，但是由于隐藏的内容，这会在表的最后一行之后创建一个空格。表的大小是正确的，但即使没有溢出，也会显示一个滚动条（滚动空格）。
我在Chrome和Firefox中看到了这一点。
有什么想法让那些行真正隐形吗？
共有1个答案
如果希望这些行不可见，只需使用
tr.hide { display: none;}
如果希望这些行可见，只需使用
tr.hide { display: table-row;}
相关问题链接使用Javascript类显示/隐藏表行
-
我插入数据到一个电子表格与新的谷歌工作表API v4，代码完美的工作和数据它是插入良好的工作表。 但是如何找出最后一行有数据来添加后面的数据呢？ A1符号中有什么技巧吗？ 我需要一个相当于。
-
我有大量数据，需要清理。B列为关键列；如果B列中有空值，则可以删除该行的其余部分。 我在B列上排序，所有的空值都在表的底部。在C-BZ列中有数据，但在B中没有。我想自动识别B中最后一个非空值（假设它是单元格B3841），然后删除工作表底部的3842行。我的数据集每天都在变化。 下面的代码对B列进行排序，然后删除所有完全空的行。我还想删除在B列中为null但在C或D或任何其他行中可能有数据的行。
-
我正在尝试删除空列项目装饰，如下图所示。我最初想在注释中使用下面的代码根据内容限制最后一行的跨距计数，但我没有成功。 以下是代码和图像的结果。 当我取消注释代码并运行应用程序时，结果如下： 任何代码参考或链接都会有所帮助。提前感谢。
-
问题内容： 我有一个具有以下布局的表： 我想将表转换为如下所示的布局： 我在PostgreSQL中使用SQL。有没有一种简单的方法（且内存效率高）来做到这一点？我看过一些提到使用透视的帖子，但是我不确定这是否行得通，而且我看到的描述似乎是针对Oracle的。 问题答案： 如果尚未安装，请首先安装扩展tablefunc。每个数据库需要做一次。 你需要的PostgreSQL 9.1 的。在旧版本中，您
-
我有一个作为模板的电子表格，最后两行以某种特定的方式格式化（颜色和字体）。 它看起来像这样： 我想做的是插入尽可能多的“占位符”行，让最后一行“滑”下来。 到目前为止，我尝试了，它确实插入了新行，但不会向下移动最后一行的颜色。这样我就可以在电子表格中找到我想要的数据，但是颜色格式错误（基本上第三行总是有彩色背景，而最后一行没有）。 我想做的伪代码是： 计算我需要添加多少占位符行， 获取电子表格 剪
-
我正在使用gradle构建我的项目，使用以下build.gradle文件： 当我输入gradle build命令时，我希望gradle在生成后执行一个任务。 我在网上找到了一个，我尝试了多种方法都失败了。 如果你知道怎么做，请告诉我。