表中的第一条记录与 IE 中的表头重叠

Question

创建了一个在 IE6,7 中工作正常的表，但在 FF 中标题隐藏了第一个数据行。

<g:if test="${params.history!=null}">
<div style="width:791px;padding-bottom:10px;overflow-y:auto;${(lstDNCallEntries.size()>0)?'height:100px':''}">
<table class="table">
<thead style="position: absolute;">
 <% params=params.findAll{ k,v -> k != 'sort'} %>
<td class="certify_head" width="87" style="text-align: center">title</td>
<td class="certify_head" width="89" style="text-align: center" >action</td>
            <td class="certify_head" width="66" style="text-align: center" >list</td>
            <td class="certify_head" width="118" style="text-align: center" >selection</td>
            <td class="certify_head" width="110" style="text-align: center" >source</td>
            <td class="certify_head" width="64" style="text-align: center" >${message(code:'phoneoptoutgranularity.gsp~title.user')}</td>
            <td class="certify_head" width="82" style="text-align: center" >Office</td>
            <td class="certify_head" width="90" style="text-align: center" >Effective Date</td>
        </thead>
        <tbody class="scrollContent">
            <g:if test="${lstDNCallEntries.size() > 0}">
                <g:each in="${lstDNCallEntries}" var="phoneHistory" status="i">
                    <tr class="${(i % 2) == 0 ? 'normalRow' : 'alternateRow'}"
                            onMouseOver="this.style.backgroundColor='#ffffd9'"
                            onMouseOut="this.style.backgroundColor=''">
                        <td width="90" align="center" valign="center">${phoneHistory.date}</td>
                        <td width="92" valign="center" style="font: normal 12px Arial, Helvetica, sans-serif;">${phoneHistory.action}</td>
                        <td width="71" align="center" valign="center">${phoneHistory.list}</td>
                        <td width="122" align="center" valign="center">${phoneHistory.preferencekey}</td>
                        <td width="110" align="center" valign="center">${phoneHistory.source}</td>
                        <td width="69" align="center" valign="center">${phoneHistory.user}</td>
                        <td width="85" align="center" valign="center">${phoneHistory.office}</td>
                        <td width="90" align="center" valign="center">${phoneHistory.effectiveDate}</td>
                    </tr>
                </g:each>
            </g:if>
            <g:else>
                <tr>
                    <b>
                    <td colspan="7" width="770" align="center"><b><g:message
                        code="phoneoptoutgranularity.gsp~historydetails" /></b></td>
                    </b>
                </tr>
            </g:else>
        </tbody>
    </table>
    </div>
</g:if> 

请大家帮忙看看哪里可以修改。

-ss

Answer 1

您似乎缺少顶行中的 。

Answer 2

为什么 position:absolute 在那里？ 从我的头顶上看， pos:abs 会将 thead 从流程中取出，这将使第一行向上有效地隐藏它。 也许你可以在第一行添加一些边距/填充来解决这个问题，但你必须首先证明 pos:abs 的合理性。

我可以看到的另一件事是，所有 thead 内容都是 td 的，而不是 th 的，但我怀疑这会产生这种效果。

编辑：粗略地测试了一下，这绝对是 pos:abs （万恶之源：P）。 也许您想要 position:fixed 来代替？ 另一张海报是对的，你缺少一个 tr