IE8中带有固定标题的表答案

【问题标题】：Table with fixed header in IE8IE8中带有固定标题的表
【发布时间】：2013-11-26 20:48:42
【问题描述】：

我需要一些帮助。我尝试了 2 天来制作一个 tbody 可滚动的表格，但我找不到解决方案。

我的桌子是：

<table width=100% style="margin:0 0 0 -1px; border-collapse:collapse;"> 

<thead>
    <tr>        
        <th ><input type="checkbox" id="select_all" /></th> 
        <c:forEach items="${grid.heads}" var="element">  
             <th><c:out value="${element.id}"/></th>           
        </c:forEach>  
    </tr>   
</thead>

<tbody style="height:200px !important;   overflow: auto; display:block;">       
  <nested:iterate id="row" name="grid" property="data" indexId="cnt">                                                                
       <tr> 
         <td><input type="checkbox" name="list_with_checkboxes" value=<c:out value="${row[0]}"/> ></td>
             <nested:iterate id="element" name="row">  
                      <td><c:out value="${element}"/> </td>
            </nested:iterate>
       </tr>
  </nested:iterate>        
</tbody>    

</table>

我的表格已正确呈现，但我无法使 tbody 可滚动，因为我不知道为什么 tbody 的高度为 200px。

有什么想法吗？非常感谢！

【问题讨论】：

标签： jquery html css internet-explorer-8

【解决方案1】：

似乎已经有很多答案了

Table tbody scroll in IE8

How can I let a table's body scroll but keep its head fixed in place?

<th style="width:0px;"></th>

这个现有的小提琴似乎可以解决它，但请查看上面链接中的其他建议-http://jsfiddle.net/venkateshwar/X8FSw/17/show/

【讨论】：

我阅读了所有答案，但没有任何帮助。主要思想是如何使 tbody 可滚动。我也会看看你的链接。谢谢！
看fiddle的出处。在 IE8 中添加了一个宽度为 0 的额外行来帮助它。可能值得复制源代码和样式并进行修改以满足您的需求。

【解决方案2】：

你做两张桌子怎么样，第一张桌子只包含标题

    <table>
    <thead>
 <th>HEADER</th>
    </thead>
    </table>

    <div style="height:200px !important; overflow:scroll;">
    <table>
    <tbody>
    </tbody>
    </table>
    </div>

【讨论】：

我不能这样做，因为表格是动态生成的，并且标题不会与正文对齐。我已经试过了。