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

Question

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

我正在构建一个类似 web 应用程序的桌面，并使用 jqGrid 很棒的插件来显示一些表格数据。在 iTunes 等桌面应用程序中，表格有足够的空行来填充其维度。我的意思是，如果您将表格网格的高度设置为 500 像素并且它只有一行，那么表格（斑马）将继续到页面的末尾。这是我想要但现在无法使用 javascript 或 css 完成的东西。

我的第一个想法是制作假空行的表格的背景图像，但这种方法有两个问题。首先，如果用户缩放并使文本变大，它将不起作用，其次，我在列之间显示了一些可实现的边界，这使得无法在背景图像中复制它们。

有没有人尝试过制作这种表格网格？知道怎么做吗？

Answer 1

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

编辑：对不起，我没有仔细阅读你的问题。鉴于您的其他要求，我会简单地使用 JavaScript。尽管我不熟悉 jqgrid，但为表设置最小行数应该不难。

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