制作真正的桌面网格（如何显示足够的空行来填充表格网格的高度）

Question

我真的很关心我的网络应用程序的审美方面，这就是为什么我要问这种愚蠢题。如果你认为这不是什么大问题，请提前原谅我。

我正在构建一个类似于web应用程序的桌面，并使用jqGrid awesome插件来显示一些表格数据。在iTunes这样的桌面应用程序中，该表格有足够的空行来填充其维度。我的意思是，如果您将表格网格设置为500px，并且它只有一行，表格（斑马条）将会持续到页面的结尾。这是我想要的，但现在无法使用javascript或css来完成。

我的第一个想法是将虚假空行的表格做成背景图像，但这种方法存在两个问题。首先它不会工作，如果用户缩放和使文字变大，第二我显示了一些可以实现的列之间的边界，这使得它们不可能在背景图像中复制它们。

有没有人曾试图做出这样的表格？任何想法如何做到这一点？

Answer 1

我会做的只是创建一个具有特定高度的表容器;给它一个垂直平铺的背景;设置为overflow至scroll/auto;然后将动态大小的表放入其中。

编辑：对不起，我没有仔细阅读你的问题。鉴于您的其他要求，我会简单地使用JavaScript。不应该很难为表格设置最少的行数，尽管我不是jqgrid的家庭成员。

另一种选择是使用2个表 - 实际数据的最高值，空行的最低值。每次将行添加到顶部表格时，都会从底部表格中移除一行，反之亦然。您还必须捕获顶部表格的列大小调整事件，并调整底部表格的列大小。但这很漂亮。