如何在 jqGrid 中设置字幕层高度答案

【问题标题】：How to set Caption Layer height in jqGrid如何在 jqGrid 中设置字幕层高度
【发布时间】：2011-10-17 17:02:57
【问题描述】：

我有以下sn-p来加载jqGrid生成的表格。

<div id="result">
    <table id="resultTable">
        <tr>
            <td />
        </tr>
    </table>
</div>

我的其他 css 干扰了 jqGrid css，它导致“标题层”（表格最顶部的橙色条）高度变得非常大并与页面的其他部分重叠。抱歉，不允许发布图片。

高度大约大 10 倍，似乎包含 3 行，每行颜色略有不同。如果我删除所有 css，“字幕层”会正确显示，但我丢失了所有页眉、页脚等。我在 jgGrid forum 的链接中尝试了 Tony 的建议，

<style>
    #result table.scroll thead th  {height:30px;}
</style>

和其他人的建议，但它们都不适合我。请帮我设置“字幕层”高度覆盖。

【问题讨论】：

我想我弄清楚发生了什么，在我的页面中定义了一个css主体容器，jqGrid正在做的是在正确的位置生成表格，然后在上面添加这个“标题层表格一直到主体容器的边界，这使得它大得离谱，通过在主体容器内定义一个子容器，我限制了“标题层”的空间，现在看起来好多了。
反正我喜欢jqGrid，很强大，唯一的问题是jqGrid论坛，注册表单没有密码字段，只有uid，email而且我从来没有收到任何确认邮件，点击“忘记密码”链接显示“新密码将发送到您的电子邮件”消息，但永远不会发生。也许论坛不再活跃？希望jqGrid团队的人可以评论这个论坛问题。

标签： jqgrid

【解决方案1】：

我想你对页面某处使用的 CSS 样式“float:left”有一些问题。我建议您查看解决了关闭问题的the answer。如果您有同样的问题，您应该在<div id="result"> 中添加一个额外的样式定义，将浮动设置为style="float:left"，或者将其删除，如style="clear:left"、style="clear:right" 或style="clear:both"。

如果您没有“浮动”问题并且标题 div 只会增加到某个不需要的高度，您可以通过静态设置附加 CSS 或动态设置高度来解决问题。 The answer 展示了如何找到网格的标题并获得它的高度。同样的方法可以设置高度。

【讨论】：